Reave Wiki reave_en https://reave.wiki.gg/ MediaWiki 1.43.1 first-letter Media Special Talk User User talk Reave Wiki Reave Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk 0 1 1 2025-03-08T06:58:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Reave Wiki]] 55102ebd7a766e90144bc2cb013f0adb2bf1a835 2 1 2025-03-08T06:58:30Z ARTIFICER 564804 Protected "[[Main Page]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki #redirect [[Reave Wiki]] 55102ebd7a766e90144bc2cb013f0adb2bf1a835 0 2 3 2025-03-08T06:58:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 4 3 2025-03-08T06:58:31Z ARTIFICER 564804 Protected "[[Reave Wiki]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 0 3 5 2025-03-08T06:58:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Example character infobox |title=Dragon |image=Example character image.png |Region=Shurima |Element=Fire |Attack=51 |HP=85 |Armor=34 |Attack Speed=78 }} Please note, this is NOT content related to {{SITENAME}}. It is an example page for the demonstration of [[support:DRUID infoboxes|DRUID infoboxes]]. Please delete this page at your earliest convenience! To edit how the infobox works, please see {{tl|Example character infobox}}. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. == Combat == The Example Character has several attacks, including: * Disguise Self As Flower * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Characters]] 5feed3ead005cb5ca4b2ecf1f3745925d2b8b41d 0 4 6 2025-03-08T06:58:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96df981ef23fca9434d1586228cab8a51e0fdc0a 7 6 2025-03-08T06:58:33Z ARTIFICER 564804 Protected "[[Reave Wiki/welcome]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96df981ef23fca9434d1586228cab8a51e0fdc0a 0 5 8 2025-03-08T06:58:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|Example character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 827f14b4cd3d346ca427f95e9574fc23c4874206 9 8 2025-03-08T06:58:33Z ARTIFICER 564804 Protected "[[Reave Wiki/pages]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|Example character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 827f14b4cd3d346ca427f95e9574fc23c4874206 0 6 10 2025-03-08T06:58:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = About Reave }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> abbd04130f2eb150a937a639ad739a24155aa240 11 10 2025-03-08T06:58:34Z ARTIFICER 564804 Protected "[[Reave Wiki/about]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = About Reave }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> abbd04130f2eb150a937a639ad739a24155aa240 0 7 12 2025-03-08T06:58:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 43f95d1bb5b6adea940bacb4caa32aa74edf7690 13 12 2025-03-08T06:58:35Z ARTIFICER 564804 Protected "[[Reave Wiki/contribute]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 43f95d1bb5b6adea940bacb4caa32aa74edf7690 0 8 14 2025-03-08T06:58:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/wiki.gg|image=Bluesky.svg|size=64x64px}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bb8190c57bb4cc147764d1c10f218fe4d34e0a49 15 14 2025-03-08T06:58:36Z ARTIFICER 564804 Protected "[[Reave Wiki/external]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/wiki.gg|image=Bluesky.svg|size=64x64px}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bb8190c57bb4cc147764d1c10f218fe4d34e0a49 4 9 16 2025-03-08T06:58:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 17 16 2025-03-08T06:58:37Z ARTIFICER 564804 Protected "[[Reave Wiki:Default Loadout Wiki:Copyrights]]" ([Edit=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 828 10 18 2025-03-08T06:58:37Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- version 0.1.7 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) if h.castBool(args.setmainimage or 'yes') then h.setMainImage(args.images[1]) end -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports return h.makeInfobox(args, sep), '[[Category:Pages with DRUID infoboxes]]' end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then local res -- try to fall back to normal Variables res, h.counter = pcall( function() return mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 end ) if res then mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else -- else use a random number so at least there's some unique id h.counter = math.random(100000000000000000) -- random integer end else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do if h.castBool(args[section .. '_isdata']) then args[section .. 'Data'] = args[section] args[section] = section .. 'Data' args[section .. 'Data_nolabel'] = 'true' -- will be cast later end args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if h.counter > 1 then return end if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') -- setmainimage is guaranteed to exist on wiki.gg but may not exist on other wikis -- it's not a crucial piece of functionality so we'll fail silently if it doesn't exist pcall(function() mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end) end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass('noexcerpt') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) h.runHook('onMakeOutputStart', out, args) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end h.runHook('onMakeOutputEnd', out, args) -- category for gadget loading return out, '[[Category:Pages with DRUID infoboxes]]' end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-tab-key', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabs, tabTexts, false, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) if args.caption then td:tag('div') :addClass('druid-main-image-caption') :wikitext(args.caption) end return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) :attr('data-druid-tab-key', tabs[i]) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, tabs, texts, isSection, args) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(tabs) do local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(texts[i]) :attr('data-druid-tab-key', item) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end -- this can be null, don't concat anything here label:addClass(args[item .. '_class']) end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) if hasData then node:addClass('druid-data') end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] or args[section .. '_collapsed'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-tabs-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, tabs, texts, true, args) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 0b872baa88950499ed588906ea3b07f363640076 828 11 19 2025-03-08T06:58:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{luadoc}}</includeonly><nowiki> </nowiki>This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 5caf9cca1432c647655c32918059cc80f0a405a3 828 12 20 2025-03-08T06:58:38Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- version 1.2.2 -- config table for RANGER. -- If you want to change the default config, DO NOT change it here, -- please do it via the `onLoadConfig` hook in [[Module:Navbox/Hooks]]. local config = { default_navbox_class = "navigation-not-searchable", -- Base value of the `class` parameter. default_title_class = nil, -- Base value of the `title_class` parameter. default_above_class = nil, -- Base value of the `above_class` parameter. default_below_class = nil, -- Base value of the `below_class` parameter. default_section_class =nil, -- Base value of the `section_class` parameter. default_header_class = nil, -- Base value of the `header_class` parameter. default_group_class = nil, -- Base value of the `group_class` parameter. default_list_class = 'hlist', -- Base value of the `list_class` parameter. default_header_state = nil, -- Base value of the `state` parameter. editlink_hover_message_key = 'Navbox-edit-hover', -- The system message name for hover text of the edit icon. custom_render_handle = nil, -- usually for debugging purposes only. if set, it should be a function accept 2 parameters: `dataTree` and `args`, and return a string as module output. } --------------------------------------------------------------------- -- Argument alias. local CANONICAL_NAMES = { ['titlestyle'] = 'title_style', ['listclass'] = 'list_class', ['groupstyle'] = 'group_style', ['collapsible'] = 'state', ['editlink'] = 'meta', ['editlinks'] = 'meta', ['editicon'] = 'meta', ['edit_link'] = 'meta', ['edit_links'] = 'meta', ['edit_icon'] = 'meta', ['navbar'] = 'meta', ['name'] = 'template', ['evenodd'] = 'striped', ['class'] = 'navbox_class', ['css'] = 'navbox_style', ['style'] = 'navbox_style', ['group'] = '1:group', ['list'] = '1:list', } local DEFAULT_ARGS = { ['meta'] = true, } local STATES = { ['no'] = '', ['off'] = '', ['plain'] = '', ['collapsed'] = 'mw-collapsible mw-collapsed', } local BOOL_FALSE = { ['no'] = true, ['off'] = true, ['false'] = true, } local STRIPED = { ['odd'] = 'striped-odd', ['swap'] = 'striped-odd', ['y'] = 'striped-even', ['yes'] = 'striped-even', ['on'] = 'striped-even', ['even'] = 'striped-even', ['striped'] = 'striped-even', } local NAVBOX_CHILD_INDICATOR = '!!C$H$I$L$D!!' local NAVBOX_CHILD_INDICATOR_LENGTH = string.len( NAVBOX_CHILD_INDICATOR ) local CLASS_PREFIX = 'ranger-' --------------------------------------------------------------------- local p = {} local h = {} -- non-public local hooks = mw.title.new('Module:Navbox/Hooks').exists and require('Module:Navbox/Hooks') or {} --------------------------------------------------------------------- -- For templates: {{#invoke:navbox|main|...}} function p.main(frame) local args = p.mergeArgs(frame) return p.build(args, true) end -- For modules: return require('module:navbox').build(args) -- By default this method will skip the arguments sanitizing phase -- (and onSanitizeArgsStart/onSanitizeArgsEnd hooks). -- Set `doParseArgs` to true to do arguments sanitizing. -- If `customConfig` table is provided, it will be merged into default config table (after onLoadConfig()). -- If `customHooks` table is provided, all default hook handles will be overrided, unprovided hooks will be empty. function p.build(args, doParseArgs, customConfig, customHooks) if customHooks then hooks = customHooks end if doParseArgs then args = h.parseArgs(args) end h.runHook('onLoadConfig', config, args) if customConfig then for k,v in pairs(customConfig) do config[k] = v end end --merge default args for k,v in pairs(DEFAULT_ARGS) do if args[k] == nil then args[k] = DEFAULT_ARGS[k] end end h.runHook('onBuildTreeStart', args) local dataTree = h.buildDataTree(args) h.runHook('onBuildTreeEnd', dataTree, args) if type(config.custom_render_handle) == 'function' then return config.custom_render_handle(dataTree, args) else return h.render(dataTree) end end -- merge args from frame and frame:getParent() -- It may be used when creating custom wrapping navbox module. -- -- For example, Module:PillNavbox -- -- local RANGER = require('Module:Navbox') -- local p = {} -- function p.main(frame) -- return RANGER.build(RANGER.mergeArgs(frame), true, { -- default_navbox_class = 'pill', -- use "pill" style by default. -- }) -- end -- return p -- function p.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end ------------------------------------------------------------------------ function h.parseArgs(inputArgs) h.runHook('onSanitizeArgsStart', inputArgs) local args = {} for k, v in pairs(inputArgs) do if type(k) == 'string' then -- all named args have already been trimmed local key = h.normalizeKey(k) args[key] = h.normalizeValue(key, v) else args[k] = mw.text.trim(v) -- keep number-index arguments (for {{navbox|child|...}}) end end h.runHook('onSanitizeArgsEnd', args, inputArgs) return args end -- Normalize the name string of arguments. -- the normalized form is (index:)?name, in which: -- index is number index such as 1, 1.3, 1.2.45, -- name is in lowercase underscore-case, such as group, group_style -- e.g: header_state, 1.3:list_style -- the input argument name can be: -- * camel-case: listStyle, ListStyle -- * space separated: list style -- * prefix+index+postfix?, and can be in camel-case or space/hyphen separated or mixed: list 1 style, list1, list1Style, list1_style -- * index.name: 1.3.list -- * index_name: 1.3_list (Space separated are treated as underscore separated, therefore 1.3 list are vaild too) function h.normalizeKey(s) -- camel-case to lowercase underscore-case s = s:gsub('%l%f[%u]', '%0_') -- listStyle to list_style s = (s:gsub(' ', '_')):lower() -- space to underscore s = s:gsub('%l%f[%d]', '%0_') -- group1* to group_1* s = s:gsub('%d%f[%l]', '%0_') -- *1style to *1_style -- number format x_y_z to x.y.z s = s:gsub('(%d)_%f[%d]', '%1%.') -- move index to the beginning: -- group_1.2_style to 1.2:group_style -- group_1 to 1:group s = s:gsub('^([%l_]+)_([%d%.]+)', '%2:%1') -- support index.name and index_name: -- 1.2.group / 1.2_group to 1.2:group s = s:gsub('^([%d%.]+)[%._]%f[%l]', '%1:') -- now the key should be in normalized form, if the origin key is vaild -- standardize *_css to *_style s = s:gsub('_css$', '_style') -- standardize *collapsible to *state s = s:gsub('collapsible$', 'state') -- standardize all aliases to the canonical name return CANONICAL_NAMES[s] or s end function h.normalizeValue(k, v) k = tostring(k) if k:find('_style$') then v = (v .. ';'):gsub(';;', ';') return v elseif k:find('state$') then return STATES[v] elseif k == 'striped' then return STRIPED[v] elseif k == 'meta' then return not BOOL_FALSE[v] elseif v:sub(1, 2) == '{|' or v:match('^[*:;#]') then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. v ..'\n' end return v end -- parse arguments, convert them to structured data tree function h.buildDataTree(args) -- parse args to a tree local tree = h.buildTree(args) -- build root navbox data local data = h.buildNavboxData(tree.info) -- Recursively build section tree if tree.children then data.sections = h.buildSections(tree.children, { listClass = h.mergeAttrs(args.list_class, config.default_list_class), listStyle = args.list_style, groupClass = h.mergeAttrs(args.group_class, config.default_group_class), groupStyle = args.group_style, sectionClass = h.mergeAttrs(args.section_class, config.default_section_class), sectionStyle = args.section_style, headerClass = h.mergeAttrs(args.header_class, config.default_header_class), headerStyle = args.header_style, headerState = args.header_state or config.default_header_state, }) end if args[1] == 'child' then data.CHILD_MODE = true end return data end function h.buildSections(list, defaults) local sections = {} local section = nil for k, node in h.orderedPairs(list) do local info = node.info or {} --start a new section if needed if info.header or not section then section = { class = h.mergeAttrs(info.section_class, defaults.sectionClass), style = h.mergeAttrs(info.section_style, defaults.sectionStyle), body = {} } -- Section header if needed. -- If the value of a `|header_n=` is two or more consecutive "-" characters (e.g. --, -----), -- it means start a new section without header, and the new section will be not collapsable. if info.header and not string.match(info.header, '^%-%-+$') then section.header = { content = info.header, class = h.mergeAttrs(info.header_class, defaults.headerClass), style = h.mergeAttrs(info.header_style, defaults.headerStyle), } section.state = info.state or defaults.headerState or 'mw-collapsible' end sections[#sections+1] = section end -- above/below for this section if info.above then section.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then section.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end -- this group+list row if info.group or info.list or node.children then local row = {} section.body[#section.body+1] = row if info.group then row.group = { content = info.group, class = h.mergeAttrs(info.group_class, defaults.groupClass), style = h.mergeAttrs(info.group_style, defaults.groupStyle), } end if info.list then if string.sub(info.list, 1, NAVBOX_CHILD_INDICATOR_LENGTH) == NAVBOX_CHILD_INDICATOR then -- it is from {{navbox|child| ... }} row.sections = mw.text.jsonDecode(string.sub(info.list, NAVBOX_CHILD_INDICATOR_LENGTH+1)) else row.list = { content = info.list, class = h.mergeAttrs(info.list_class, defaults.listClass), style = h.mergeAttrs(info.list_style, defaults.listStyle), } end end -- sub-nodes, will override {{navbox|child| ... }} if node.children then row.sections = h.buildSections(node.children, defaults) end end end -- flatten if needed: -- If a section has only one list with no content and no corresponding group but has sublists, these sublists will be moved to upper level. for _, sect in ipairs(sections) do if #sect.body == 1 then local node = sect.body[1] if not node.group and not node.list and node.sections and #node.sections == 1 and not node.sections[1].header then sect.body = node.sections[1].body end end end return sections end function h.buildNavboxData(info) local data = { state = info.state or 'mw-collapsible', -- here we need a default value for empty input striped = info.striped, class = h.mergeAttrs(info.navbox_class, config.default_navbox_class), style = info.navbox_style, } -- data for titlebar if info.title or info.meta or data.state ~= '' then data.title = { content = info.title, class = h.mergeAttrs(info.title_class, config.default_title_class), style = info.title_style, } if info.meta then data.metaLinks = { link = info.meta_link, -- will be used as [[$link|$text]] url = info.meta_url, -- will be used as [$url $text], only if there is no data.metaLinks.link text = info.meta_text, --hovertext } if not info.meta_link and not info.meta_url then -- default link target local title = mw.title.new(info.template or mw.getCurrentFrame():getParent():getTitle(), 'Template') if not title then error('Invalid title ' .. info.template) end data.metaLinks.link = title.fullText end if not info.meta_text then local msg = mw.message.new(config.editlink_hover_message_key) data.metaLinks.text = msg:exists() and msg:plain() or 'View or edit this template' end end end -- above/below if info.above then data.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then data.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end return data end -- parse arguments, convert them into a tree based on their index -- each node on tree is { info = { #data for this node# }, children = {#children nodes#} } function h.buildTree(args, defaults) local tree = { info = {} } local check = function(key, value) local index, name = string.match(key, '^([%d%.]+):(.+)$') -- no number index found, for root node if not index then tree.info[key] = value return end -- filter invalid number index if string.match(index, '^%.') or string.match(index, '%.$') or string.match(index, '%.%.') then return end -- find the node that matches the index in the tree local arr = mw.text.split(index, '.', true) local node = tree for _, v in ipairs(arr) do v = tonumber(v) if not node.children then node.children = {} end if not node.children[v] then node.children[v] = { info = {} } end node = node.children[v] end node.info[name] = value end for k,v in pairs(args) do check(k, v) end return tree end function h.render(data) -- handle {{navbox|child|...}} syntax if data.CHILD_MODE then return NAVBOX_CHILD_INDICATOR..mw.text.jsonEncode(data.sections) end ----- normal case ----- local out = mw.html.create() -- build navbox container local navbox = out:tag('div') :attr('role', 'navigation'):attr('aria-label', 'Navbox') :addClass(CLASS_PREFIX..'navbox') :addClass(data.class) :addClass(data.striped) :addClass(data.state) :cssText(data.style) --title bar if data.title then local titlebar = navbox:tag('div'):addClass(CLASS_PREFIX..'title') titlebar:tag('div'):addClass('mw-collapsible-toggle-placeholder') if data.metaLinks then titlebar:node(h.renderMetaLinks(data.metaLinks)) end if data.title then titlebar:addClass(data.title.class):tag('div') :addClass(CLASS_PREFIX..'title-text') :addClass(data.title.class) :cssText(data.title.style) :wikitext(data.title.content) end end --above if data.above then navbox:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(data.above.class) :cssText(data.above.style) :wikitext(data.above.content) :attr('id', (not data.title) and mw.uri.anchorEncode(data.above.content) or nil) -- id for aria-labelledby attribute, if no title end -- sections if data.sections then h.renderSections(data.sections, navbox, 0, true) else -- Insert a blank section for completely empty navbox to ensure it behaves correctly when collapsed. if not data.above and not data.below then navbox:tag('div'):addClass(CLASS_PREFIX..'section mw-collapsible-content') end end --below if data.below then navbox:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(data.below.class) :cssText(data.below.style) :wikitext(data.below.content) end return tostring(out)..'[[Category:Pages with navboxes]]' -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports end function h.renderSections(data, container, level, even) for i,sect in ipairs(data) do --section box local section = container:tag('div') :addClass(CLASS_PREFIX..'section mw-collapsible-content') :addClass(sect.class) :addClass(sect.state) :cssText(sect.style) -- section header if sect.header then section:tag('div') :addClass(CLASS_PREFIX..'header') :addClass(sect.header.class) :cssText(sect.header.style) :tag('div'):addClass('mw-collapsible-toggle-placeholder'):done() :tag('div'):addClass(CLASS_PREFIX..'header-text'):wikitext(sect.header.content) end -- above: if sect.above then section:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(sect.above.class) :cssText(sect.above.style) :wikitext(sect.above.content) end -- body: groups&lists local box = section:tag('div'):addClass(CLASS_PREFIX..'section-body mw-collapsible-content') even = h.renderBody(sect.body, box, level, (level==0) and true or even) -- reset even status each section -- below: if sect.below then section:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(sect.below.class) :cssText(sect.below.style) :wikitext(sect.below.content) end end return even end function h.renderMetaLinks(info) local box = mw.html.create('span'):addClass(CLASS_PREFIX..'meta') local meta = box:tag('span'):addClass('nv nv-view') if info.link then meta:wikitext('[['..info.link..'|') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']]') elseif info.url then meta:wikitext('['..info.url..' ') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']') end return box end function h.renderBody(info, box, level, even) local count = 0 for _,v in h.orderedPairs(info) do if v.group or v.list or v.sections then count = count + 1 -- row container local row = box:tag('div'):addClass(CLASS_PREFIX..'row') -- group cell if v.group or (v.sections and level > 0 and not v.list) then local groupCell = row:tag('div') :addClass(CLASS_PREFIX..'group level-'..level) :addClass((level > 0) and CLASS_PREFIX..'subgroup' or nil) local groupContentWrap = groupCell:tag('div'):addClass(CLASS_PREFIX..'wrap') if v.group then groupCell:addClass(v.group.class):cssText(v.group.style) groupContentWrap:wikitext(v.group.content) else groupCell:addClass('empty') row:addClass('empty-group-list') end else row:addClass('empty-group') end -- list cell local listCell = row:tag('div'):addClass(CLASS_PREFIX..'listbox') if not v.list and not v.sections then listCell:addClass('empty') row:addClass('empty-list') end if v.list or (v.group and not v.sections) then --listCell:node(h.renderList(v['list'] or '', k, level, args)) even = not even -- flip even/odd status local cell = listCell:tag('div') :addClass(CLASS_PREFIX..'wrap') :addClass(even and CLASS_PREFIX..'even' or CLASS_PREFIX..'odd') if v.list then cell:addClass(v.list.class):cssText(v.list.style) :tag('div'):addClass(CLASS_PREFIX..'list'):wikitext(v.list.content) end end if v.sections then local sublistBox = listCell:tag('div'):addClass(CLASS_PREFIX..'sublist level-'..level) even = h.renderSections(v.sections, sublistBox, level+1, even) end end end if count > 0 then box:css('--count', count) -- for flex-grow end return even end -- pairs, but sort the keys alphabetically function h.orderedPairs(t, f) local a = {} for n in pairs(t) do table.insert(a, n) end table.sort(a, f) local i = 0 -- iterator variable local iter = function () -- iterator function i = i + 1 if a[i] == nil then return nil else return a[i], t[a[i]] end end return iter end -- For cascading parameters, such as style or class, they are merged in exact order (from general to specific). -- Any parameter starting with multiple hyphens(minus signs) will terminate the cascade. -- An example: -- For group_1.1, its style is affected by parameters |group_1.1_style=... , |subgroup_level_1_style=... , and |subgroup_style=... . -- If we have |group_1.1_style= color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color:green; font-weight: bold; color: red;" ; -- if we have |group_1.1_style= -- color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color: red;" only, and the cascade is no longer performed for |subgroup_level_1_style and |subgroup_style. function h.mergeAttrs(...) local trim = mw.text.trim local s = '' for i=1, select('#', ...) do local v = trim(select(i, ...) or '') local str = string.match(v, '^%-%-+(.*)$') if str then s = trim(str..' '..s) break else s = trim(v..' '..s) end end if s == '' then s = nil end return s end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end ----------------------------------------------- return p 184ca1a8a54c8fded465a77c9198da564fe29c6c 828 13 21 2025-03-08T06:58:39Z ARTIFICER 564804 Importing default loadout Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 14 22 2025-03-08T06:58:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 15 23 2025-03-08T06:58:39Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 8cf3918c48e9ee8d379419775d7d7ce94257884f 828 16 24 2025-03-08T06:58:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{From Wikipedia|Module:Template link general}} 1a395265ccbd055518c1d14b52362cc148b89c81 828 17 25 2025-03-08T06:58:40Z ARTIFICER 564804 Importing default loadout Scribunto text/plain local p = {} local h = {} -- merge args from frame and frame:getParent() function h.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end -------------------------------------------------------------------- function p.main(frame) local args = h.mergeArgs(frame) -- use the rootpage parameter if given, otherwise use the current page name local rootpage = args['rootpage'] or mw.title.getCurrentTitle().fullText -- parse the arguments into CSS variables that contain legal syntax for grid-template-areas local desktop = "--main-page-layout--desktop: '" .. string.gsub(args['desktop'], '\n', "' '") .. "';" local tablet = "--main-page-layout--tablet: '" .. string.gsub(args['tablet' ], '\n', "' '") .. "';" local mobile = "--main-page-layout--mobile: '" .. string.gsub(args['mobile' ], '\n', "' '") .. "';" -- grid-template-columns overrides local desktop_cols = mw.text.trim(string.gsub(args['desktop-columns'] or '', ';', '')) local tablet_cols = mw.text.trim(string.gsub(args[ 'tablet-columns'] or '', ';', '')) local mobile_cols = mw.text.trim(string.gsub(args[ 'mobile-columns'] or '', ';', '')) -- set the variables used by grid-template-columns if desktop_cols ~= '' then desktop = desktop .. '--main-page-layout-columns--desktop: '.. desktop_cols ..';' end if tablet_cols ~= '' then tablet = tablet .. '--main-page-layout-columns--tablet: '.. tablet_cols ..';' end if mobile_cols ~= '' then mobile = mobile .. '--main-page-layout-columns--mobile: '.. mobile_cols ..';' end local boxes = {} -- list of all boxes local boxes_in_layout = {} -- list of layouts, then list of all boxes in that layout local missing_boxes = {} -- list of layouts, then list of boxes that are *not* included in that layout -- add every box referenced in the layout rules once function parse_layout(layout) for _,name in pairs(mw.text.split(mw.text.trim(args[layout]), '%s')) do boxes[name] = true -- list as set boxes_in_layout[layout][name] = true end end local layouts = {'desktop', 'tablet', 'mobile'} -- loop through the layouts the first time to set up the box lists for _,layout in pairs(layouts) do boxes_in_layout[layout] = {} missing_boxes[layout] = {} parse_layout(layout) end -- then loop through the layouts a second time because we need to compare those completed lists to check for missing boxes for _,layout in pairs(layouts) do for name,_ in pairs(boxes) do if boxes_in_layout[layout][name] ~= true then mw.addWarning( 'WARNING: the \"' .. name .. '\" box is missing in the ' .. layout .. ' layout. If this is intentional, you can ignore this warning.') missing_boxes[layout][name] = true end end end -- start our mp-container wrapper, and add our variables from earlier as inline styles to declare them -- the rootpage is added to the dataset so it's easily accessible by mp-edit-links.js and it doesn't need to make its own API call local output = mw.html.create() local container = output:tag('div'):attr('id', 'mp-container'):cssText(desktop .. tablet .. mobile):attr('data-rootpage', rootpage) -- loop through boxes and add the relevant main page subpages into the output for box,_ in pairs(boxes) do mw.ext.VariablesLua.vardefine('imp-variable-id', box) -- using a vardefine lets us pass this directly to the template without going through the user-facing box local pre_vardefine = '' for _,layout in pairs(layouts) do pre_vardefine = pre_vardefine .. (missing_boxes[layout][box] and '0' or '1') .. ',' end -- formatted as a psuedo-bitmask to reduce variable usage, "<display-on-destop>, <display-on-tablet>, <display-on-mobile>," each value is 0 or 1 (trailing comma is insignificant) -- expected to be used with #explode in the template receiving the variable mw.ext.VariablesLua.vardefine('imp-variable-display-box', pre_vardefine) if mw.title.new(rootpage .. '/' .. box).exists then container:wikitext(frame:expandTemplate{ title = ':' .. rootpage .. '/' .. box}) else container:wikitext(frame:expandTemplate{ title = 'Main page box/missing', args = { box, rootpage = rootpage}}) -- See [[Template:Main page box/missing]] end end return output end return p 048647e5c442756f2b67e3e3a22c405e2234715d 828 18 26 2025-03-08T06:58:41Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- as of Module:Navbox version 1.2.2 local p = {} --------------------------------------------------- -- Runs before RANGER does args sanitizing -- `inputArgs` is the merged input arguments from the template (frame.args + frame:getParent().args) function p.onSanitizeArgsStart(inputArgs) end -- Runs after RANGER does args sanitizing -- `args` parameter is the sanitized arguments table with normalized keys (in lowercase underscore-case with canonical names) and normalized values. function p.onSanitizeArgsEnd(args, inputArgs) end -- Runs when RANGER loads config table (after onSanitizeArgsEnd and before onBuildTreeStart) -- `config` parameter is the default config table. -- `args` parameter is the sanitized arguments table (has not yet merged the DEFAUT_ARGS table). function p.onLoadConfig(config, args) end -- Runs before RANGER converts sanitized arguments table to structured data tree -- `args` parameter is the sanitized arguments table that has the DEFAUT_ARGS merged. function p.onBuildTreeStart(args) end -- Runs after RANGER converts sanitized arguments table to structured data tree -- `tree` parameter is the structured data. -- `args` parameter is the sanitized arguments table. function p.onBuildTreeEnd(tree, args) end --------------------------------------------------- return p 54e0c53295a318f2b18e70dc64e5b09867e03128 828 19 27 2025-03-08T06:58:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This module is used by [[Template:Navbox]]. 87d5c562165cd75b963e03aa428c80413bacff30 10 20 28 2025-03-08T06:58:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 10 21 29 2025-03-08T06:58:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="text-align: right; margin-left: 5px;"><!-- -->([{{fullurl:{{FULLPAGENAMEE}}/doc|action=edit}} edit] • [{{fullurl:{{FULLPAGENAMEE}}/doc|action=history}} history] • [{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge])<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Documentation/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Documentation -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> c4c3117e700d89854599fb352f60792ed2165be0 10 22 30 2025-03-08T06:58:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude><div class="luadoc">Edit the [[{{FULLPAGENAME}}/doc|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div> 5df079d8f61782274d2ab1da5c43526c4229362c 10 23 31 2025-03-08T06:58:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- Variables -->{{#vardefine:link|{{{link|{{{1|}}}}}}}}<!-- Image-->{{#if:{{{image|}}}|[[File:{{#replace:{{{image|}}}|File:}}|{{{size|42px}}}|link={{#var:link}}{{#if:{{{altText|}}}|{{!}}alt={{{altText|}}}}}|class={{{imageClass|}}}]]}}<!-- Link below the image -->{{#if:{{{1|}}}|<!-- If it's an external link, use external link syntax -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|<!-- Otherwise use normal syntax the ifeq, pos, sub combo is filtering out a leading :, so that we can add our own without doubling up, allowing easy category linking -->[[:{{#ifeq:{{#pos:{{#var:link}}|:}}|0|{{#sub:{{#var:link}}|1}}|{{#var:link}}}}|{{{1|}}}]]}} }}</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> be5325327a3e6c626069e9f98a5dd2b9f283042c 10 24 32 2025-03-08T06:58:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{MediaWiki:Mainpage}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 7, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "example": "Stuff", "type": "string", "suggested": true }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" }, "imageClass": { "label": "Image class", "description": "A class to give directly to the image", "example": "invert-on-dark", "type": "string", "suggestedvalues": [ "invert-on-dark", "invert-on-light" ] }, "altText": { "label": "Alt text", "description": "Alt text to describe the image", "example": "Wiki logo", "type": "string", "suggested": true } }, "paramOrder": [ "1", "link", "image", "size", "imageClass", "altText" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> aabad7f43ba29d72dbebc5a849f202294e406735 10 25 33 2025-03-08T06:58:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 26 34 2025-03-08T06:58:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [[wikipedia:Wikipedia:Lua|Wikipedia:Lua]] or the [[mw:Extension:Scribunto/Lua reference manual|Lua reference manual on mediawiki.org]]. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc|Template:Ambox/doc}}</noinclude> 1930c9b36136a5562cfaf7584f811d62b114a58a 10 27 35 2025-03-08T06:58:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="{{#if:{{{color|}}}|--ambox-color: {{{color|}}};<!-- /if -->}}"><!-- --><div class="ambox-icon metadata <!-- the metadata class stops it from showing in MediaViewer -->">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=|link=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8aaad422c212cbd451862c241845af0d62eddbd5 10 28 36 2025-03-08T06:58:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 29 37 2025-03-08T06:58:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 30 38 2025-03-08T06:58:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 10 31 39 2025-03-08T06:58:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 7cb4f0fa749ef8a18a48c4b5816357a225f4acee 10 32 40 2025-03-08T06:58:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 33 41 2025-03-08T06:58:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 34 42 2025-03-08T06:58:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 35 43 2025-03-08T06:58:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 36 44 2025-03-08T06:58:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 37 45 2025-03-08T06:58:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 9e1eb11bc0644d97b4cc9bc4445c3f0bacdd339d 10 38 46 2025-03-08T06:58:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 39 47 2025-03-08T06:58:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 40 48 2025-03-08T06:58:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 41 49 2025-03-08T06:58:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 42 50 2025-03-08T06:58:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 43 51 2025-03-08T06:58:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 44 52 2025-03-08T06:58:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 45 53 2025-03-08T06:58:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 46 54 2025-03-08T06:58:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Navbox|main}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 11355a4514de8aa6c0ae686240591d267101c58c 10 47 55 2025-03-08T06:58:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{no direct use}} {{UsesLua|Navbox}} This template is designed to set up navigational templates relatively quickly with one or more lists of links. We highly recommend using this template for standardizing navigational templates and ease of use, especially for mobile devices. See [[support:RANGER navboxes|the support wiki]] for more information, including installation steps and further examples. == Basic example == The following example demonstrates the core functionality of this template: the title text, one standard link group, and one link group that contains two sub-groups. The rows are striped for easier readability. {{Navbox | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} <syntaxhighlight lang="wikitext" style="overflow: auto;"> {{Navbox | template = <template_title> <!-- Required. e.g. `|template=Items` for template:Items --> | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} </syntaxhighlight> == Parameters == === Main === The following parameters modify the navbox as a whole. {| class="wikitable" ! Parameter ! Description |- ! <code>template</code><br><code>name</code> | ('''Required''') Title of the template that the edit icon links to. e.g. <code>Items</code> for template:Items. |- ! <code>title</code> | Text that appears at the top of the navbox. |- ! <code>state</code><br><code>collapsible</code> | Controls if a navbox should be expanded or collapsed when the page loads. This only affects the whole navbox; if [[#Sections|sections]] are used, they are treated differently. * <code>expanded</code> ('''default''') - the navbox will start open and readers can collapse it. * <code>collapsed</code> - the navbox will start closed and readers can expand it. * <code>off</code>, <code>no</code>, or <code>plain</code> - the navbox will start open and cannot be collapsed. Advanced users can modify this on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. |- ! <code>editlinks</code> | Controls if an edit icon should be displayed at the top-left of the navbox, making it easier for users to interact with the template itself. * unset ('''default''') - displays the edit icon * <code>off</code> or <code>no</code> - hides the edit icon |- ! <code>above</code> | Text that appears above all list groups, directly below the title. |- ! <code>below</code> | Text that appears below all list groups, at the bottom of the navbox. |- ! <code>striped</code><br><code>evenodd</code> | Controls if the navbox rows should have zebra striping on even or odd rows, making it easier for users to distinguish two rows apart from each other. If [[#Sections|sections]] are used, each section resets the even/odd counter. *unset ('''default''') - all rows have the same background *<code>y</code>, <code>yes</code>, <code>on</code>, <code>striped</code>, or <code>even</code> - even-numbered rows are highlighted *<code>swap</code> or <code>odd</code> - odd-numbered rows are highlighted |} === Sections === The following parameters define sections within the navbox with their own titles. {| class="wikitable" ! Parameter ! Description |- ! <code>header''n''</code> | Text that appears at the top of the section, where ''n'' is any positive integer. If the value is set to two or more <code>-</code> (e.g. <code>--</code>, <code>-----</code>, etc.) the new section will have no header bar and cannot be collapsed. All groups and lists that are ''n'' or higher will appear in this section unless there is a higher <code>header''n''</code> later in the template. For example, if a navbox defines <code>header1</code> and <code>header4</code>, the first section will include <code>list1</code>, <code>list2</code>, and <code>list3</code> (and any of their sub-lists), while the second section will include all remaining lists starting at <code>list4</code> and their sub-lists. |- ! <code>header_state</code><br><code>state''n''</code> | <code>header_state</code> controls if all sections, by default, should be expanded or collapsed when the page loads. <code>state''n''</code> overrides <code>header_state</code> for the specific section defined by <code>header''n''</code> (where ''n'' is a matching integer). * <code>expanded</code> ('''default''') - the section will start open and readers can collapse it. * <code>collapsed</code> - the section will start closed and readers can expand it. * <code>off</code> or <code>plain</code> - the section will start open and cannot be collapsed. Advanced users can modify these on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. Both parameters have no effect on sections with headers set to two or more <code>-</code>, which are always expanded and cannot be collapsed. |} === List groups === The following parameters define the list groups. {| class="wikitable" ! Parameter ! Description |- ! <code>group''n''</code> | Text label for a list, which appears on the left on desktop or at the top on mobile, where ''n'' is any positive integer. This parameter is optional; if a <code>list''n''</code> does not have a matching <code>group''n''</code>, the list will take the full width on desktop. |- ! <code>list''n''</code> | A wikitext list, where ''n'' is any positive integer. |- ! <code>group''n''.''x''</code><br><code>group''n''.''x''.''y''</code><br>etc. | Text label for sub-lists that appear under <code>group''n''</code>, <code>group''n''.''x''</code>, etc. |- ! <code>list''n''.''x''</code><br><code>list''n''.''x''.''y''</code><br>etc. | Wikitext sub-lists. |} === Styling === The following parameters add inline styling or your custom CSS classes to specific elements of the navbox. To assist with text alignment, three default classes are available: <code>align-left</code>, <code>align-center</code>, and <code>align-right</code>. {| class="wikitable" ! Parameter ! Description |- ! <code>navbox_style</code><br><code>navbox_class</code> | Modifies the parent navbox element; <code>class</code> can be used as a shorthand for <code>navbox_class</code> Two default classes are available: *<code>pill</code> changes the links to pill-styled rather than dot-separated *<code>pill-mobile</code> only changes the links to pill-styled on mobile devices |- ! <code>title_style</code><br><code>title_class</code> | Modifies the title bar |- ! <code>above_style</code><br><code>above_class</code> | Modifies the <code>above</code> text row |- ! <code>below_style</code><br><code>below_class</code> | Modifies the <code>below</code> text row |- ! <code>header_style</code><br><code>header_class</code> | Modifies all section headers (''not'' the title bar) |- ! <code>header''n''_style</code><br><code>header''n''_class</code> | Modifies the specific section header ''n'' |- ! <code>section''n''_style</code><br><code>section''n''_class</code> | Modifies the container holding the section defined by a matching <code>header''n''</code> |- ! <code>group_style</code><br><code>group_class</code> | Modifies all base groups (<code>group''n''</code>), but ''not'' any subgroups (<code>group''n''.''x''</code>, etc.) |- ! <code>subgroup_style</code><br><code>subgroup_class</code> | Modifies all subgroups at all levels (<code>group''n''.''x''</code>, <code>group''n''.''x''.''y''</code>, etc.) |- ! <code>group''A''_style</code><br><code>group''A''_class</code> | Modifies the specific group ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |- ! <code>list_style</code><br><code>list_class</code> | Modifies all lists. Note, in this context, "list" refers to the container of a <code>list''n''</code> parameter, not a <code>ul</code> or <code>ol</code> element inside the parameter |- ! <code>list''A''_style</code><br><code>list''A''_class</code> | Modifies the specific list ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |} <noinclude>[[Category:Template documentation]]</noinclude> e35c990efd00644e63b9735d72ff65818357a1fb 10 48 56 2025-03-08T06:58:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 49 57 2025-03-08T06:58:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 50 58 2025-03-08T06:58:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 51 59 2025-03-08T06:58:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 52 60 2025-03-08T06:58:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 53 61 2025-03-08T06:58:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 54 62 2025-03-08T06:58:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 55 63 2025-03-08T06:58:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 56 64 2025-03-08T06:58:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 57 65 2025-03-08T06:58:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4ed8a6372d14a167dd9d26f1ae865b1593b76604 66 65 2025-03-08T06:58:56Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4ed8a6372d14a167dd9d26f1ae865b1593b76604 10 58 67 2025-03-08T06:58:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1e471ba76ef084e99bff87e9356d439d400f73de 68 67 2025-03-08T06:58:57Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1e471ba76ef084e99bff87e9356d439d400f73de 10 59 69 2025-03-08T06:58:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly><noinclude> This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 3662b685c4d9fa43d4f9342fae34b2f43ba925ef 70 69 2025-03-08T06:58:58Z ARTIFICER 564804 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly><noinclude> This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 3662b685c4d9fa43d4f9342fae34b2f43ba925ef 10 60 71 2025-03-08T06:58:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly><noinclude>{{documentation}}</noinclude> 4b84fc940507f8fccb9c60b7f70b5a800a62fe59 72 71 2025-03-08T06:58:59Z ARTIFICER 564804 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly><noinclude>{{documentation}}</noinclude> 4b84fc940507f8fccb9c60b7f70b5a800a62fe59 10 61 73 2025-03-08T06:58:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly><noinclude> This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 23b76ae521833f5a34f0bf73426a53aad8fa9923 74 73 2025-03-08T06:59:00Z ARTIFICER 564804 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly><noinclude> This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 23b76ae521833f5a34f0bf73426a53aad8fa9923 10 62 75 2025-03-08T06:59:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly><noinclude> This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1ce36d04e501144e6a089ff194fee2b82732e85a 76 75 2025-03-08T06:59:01Z ARTIFICER 564804 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly><noinclude> This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1ce36d04e501144e6a089ff194fee2b82732e85a 10 63 77 2025-03-08T06:59:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49f4317b802ef04c92f4edc474581035768c252e 78 77 2025-03-08T06:59:02Z ARTIFICER 564804 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49f4317b802ef04c92f4edc474581035768c252e 10 64 79 2025-03-08T06:59:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> c77af748cb3aab2fce9bfd947149cb3e1ef0a3f0 80 79 2025-03-08T06:59:03Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> c77af748cb3aab2fce9bfd947149cb3e1ef0a3f0 10 65 81 2025-03-08T06:59:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 82 81 2025-03-08T06:59:04Z ARTIFICER 564804 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 10 66 83 2025-03-08T06:59:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly><noinclude> This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 9ddcfb97af577d7f8454e20f985b9456e7a95c77 84 83 2025-03-08T06:59:04Z ARTIFICER 564804 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly><noinclude> This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 9ddcfb97af577d7f8454e20f985b9456e7a95c77 10 67 85 2025-03-08T06:59:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 535d8d725e53a0e8f94922ed597baed1353cec21 86 85 2025-03-08T06:59:05Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 535d8d725e53a0e8f94922ed597baed1353cec21 10 68 87 2025-03-08T06:59:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 385fc8e61d98dd5ed6d4fa25b0eacf17cbca1218 88 87 2025-03-08T06:59:06Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 385fc8e61d98dd5ed6d4fa25b0eacf17cbca1218 10 69 89 2025-03-08T06:59:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a6ae218b1382bcbe6f0e6e98ef272e4355dd7205 90 89 2025-03-08T06:59:07Z ARTIFICER 564804 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a6ae218b1382bcbe6f0e6e98ef272e4355dd7205 10 70 91 2025-03-08T06:59:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is to be used under a ''Licensing'' heading on file pages to denote the file's license. == Available licenses == === Game === * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} === Permission === * Usage: <nowiki>{{License|permission}}</nowiki> {{License|permission}} === No license === '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} == Specifying source == '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://indie.io/}}</nowiki> {{License|game|source=https://indie.io/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 5b334ee591fa6a0867f5d8e685e580b5b6c21334 10 71 92 2025-03-08T06:59:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 72 93 2025-03-08T06:59:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 73 94 2025-03-08T06:59:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Infobox}}</nowiki></code> generates {{Ml|Infobox}}. * <code><nowiki>{{Ml|ArgsUtil|merge}}</nowiki></code> generates {{Ml|ArgsUtil|merge}}. [[Category:Formatting templates]] </noinclude> 0c69bf8d7c3319f1cf2aa68f4b80261257291560 10 74 95 2025-03-08T06:59:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 75 96 2025-03-08T06:59:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 76 97 2025-03-08T06:59:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 77 98 2025-03-08T06:59:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 78 99 2025-03-08T06:59:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 79 100 2025-03-08T06:59:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 80 101 2025-03-08T06:59:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 81 102 2025-03-08T06:59:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 82 103 2025-03-08T06:59:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 83 104 2025-03-08T06:59:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 84 105 2025-03-08T06:59:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 106 105 2025-03-08T06:59:13Z ARTIFICER 564804 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 85 107 2025-03-08T06:59:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 86 108 2025-03-08T06:59:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 87 109 2025-03-08T06:59:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=PS4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 45576cb62a8104687b5b7ac26b042283c80ecae6 10 88 110 2025-03-08T06:59:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|DualSense={{:Template:Key/doc/DualSense}} |-|PlayStation 4={{:Template:Key/doc/PS4}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> 19eb9be1ca2c7112f63dd11c58d3888327dcca75 10 89 111 2025-03-08T06:59:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Gesture input images]] === Fingers === <code><nowiki>{{key|gesture|Finger Front}}</nowiki></code> {{key|gesture|Finger Front}} <code><nowiki>{{key|gesture|Finger Side}}</nowiki></code> {{key|gesture|Finger Side}} === Tap & hold === <code><nowiki>{{key|gesture|Tap}}</nowiki></code> {{key|gesture|Tap}} <code><nowiki>{{key|gesture|Double Tap}}</nowiki></code> {{key|gesture|Double Tap}} <code><nowiki>{{key|gesture|Hold}}</nowiki></code> {{key|gesture|Hold}} === Swipe motions === <code><nowiki>{{key|gesture|Swipe Bottom Left}}</nowiki></code> {{key|gesture|Swipe Bottom Left}} <code><nowiki>{{key|gesture|Swipe Bottom Right}}</nowiki></code> {{key|gesture|Swipe Bottom Right}} <code><nowiki>{{key|gesture|Swipe Down}}</nowiki></code> {{key|gesture|Swipe Down}} <code><nowiki>{{key|gesture|Swipe Left}}</nowiki></code> {{key|gesture|Swipe Left}} <code><nowiki>{{key|gesture|Swipe Right}}</nowiki></code> {{key|gesture|Swipe Right}} <code><nowiki>{{key|gesture|Swipe Top Left}}</nowiki></code> {{key|gesture|Swipe Top Left}} <code><nowiki>{{key|gesture|Swipe Top Right}}</nowiki></code> {{key|gesture|Swipe Top Right}} <code><nowiki>{{key|gesture|Swipe Up}}</nowiki></code> {{key|gesture|Swipe Up}} === Zoom & scroll === <code><nowiki>{{key|gesture|Zoom In}}</nowiki></code> {{key|gesture|Zoom In}} <code><nowiki>{{key|gesture|Zoom Out}}</nowiki></code> {{key|gesture|Zoom Out}} <code><nowiki>{{key|gesture|Scroll Down}}</nowiki></code> {{key|gesture|Scroll Down}} <code><nowiki>{{key|gesture|Scroll Left}}</nowiki></code> {{key|gesture|Scroll Left}} <code><nowiki>{{key|gesture|Scroll Right}}</nowiki></code> {{key|gesture|Scroll Right}} <code><nowiki>{{key|gesture|Scroll Up}}</nowiki></code> {{key|gesture|Scroll Up}} === Circular motions === <code><nowiki>{{key|gesture|Double Rotate}</nowiki></code> {{key|gesture|Double Rotate}} <code><nowiki>{{key|gesture|Full Circle}}</nowiki></code> {{key|gesture|Full Circle}} <code><nowiki>{{key|gesture|Half Circle}}</nowiki></code> {{key|gesture|Half Circle}} <code><nowiki>{{key|gesture|Quarter Circle}}</nowiki></code> {{key|gesture|Quarter Circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 0a595b125cc6dbd6ad531c1e989d1929eaf1c6e2 10 90 112 2025-03-08T06:59:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:PS4 input images]] === D-pad & sticks === <code><nowiki>{{key|PS4|Dpad}}</nowiki></code> {{key|PS4|Dpad}} <code><nowiki>{{key|PS4|Left}}</nowiki></code> {{key|PS4|Left}} <code><nowiki>{{key|PS4|Right}}</nowiki></code> {{key|PS4|Right}} <code><nowiki>{{key|PS4|Up}}</nowiki></code> {{key|PS4|Up}} <code><nowiki>{{key|PS4|Down}}</nowiki></code> {{key|PS4|Down}} <code><nowiki>{{key|PS4|Left Stick}}</nowiki></code> {{key|PS4|Left Stick}} <code><nowiki>{{key|PS4|Right Stick}}</nowiki></code> {{key|PS4|Right Stick}} <code><nowiki>{{key|PS4|Touch Pad}}</nowiki></code> {{key|PS4|Touch Pad}} === Front buttons === <code><nowiki>{{key|PS4|Circle}}</nowiki></code> {{key|PS4|Circle}} <code><nowiki>{{key|PS4|Cross}}</nowiki></code> {{key|PS4|Cross}} <code><nowiki>{{key|PS4|Square}}</nowiki></code> {{key|PS4|Square}} <code><nowiki>{{key|PS4|Triangle}}</nowiki></code> {{key|PS4|Triangle}} <code><nowiki>{{key|PS4|Share}}</nowiki></code> {{key|PS4|Share}} <code><nowiki>{{key|PS4|Options}}</nowiki></code> {{key|PS4|Options}} === Rear buttons === <code><nowiki>{{key|PS4|L1}}</nowiki></code> {{key|PS4|L1}} <code><nowiki>{{key|PS4|R1}}</nowiki></code> {{key|PS4|R1}} <code><nowiki>{{key|PS4|L2}}</nowiki></code> {{key|PS4|L2}} <code><nowiki>{{key|PS4|R2}}</nowiki></code> {{key|PS4|R2}} <noinclude>[[Category:Key template documentation]]</noinclude> 1672e7f0dcd4db09545c96936cfbabcab681cfeb 10 91 113 2025-03-08T06:59:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Nintendo Switch input images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 34ef402e3bd539920ee4247d68882ecb53fc6eda 10 92 114 2025-03-08T06:59:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes -->{{#vardefine:element|{{#if:{{{block|}}}|div|span}}}}<!-- --><{{#var:element}} class="spoiler-content {{{class|}}}" id="{{{id|}}}" style="{{{css|{{{style|}}}}}}"><{{#var:element}}>{{{1|}}}</{{#var:element}}></{{#var:element}}><!-- -->[[Category:Pages with spoilers]]<!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 8eb68f2e678d3b1eac0087662b8d5548dc29da29 10 93 115 2025-03-08T06:59:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is used to mark text and other elements as spoilers. Users can click or optionally hover to reveal their content. == The hoverShowSpoilers gadget == Users can enable <code>Gadget-hoverShowSpoilers</code> to make spoilers show on hover, not just on click. The code for this gadget can be found at {{gad|hoverShowSpoilers.css}}. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |- | <pre> {{spoiler|block=y|Really long spoiler that spans multiple lines It even has a bulleted list inside it: * Item a * Item b * [[Special:Random|Item c]] }}</pre> |{{spoiler|block=y|Really long spoiler that spans multiple lines It even has a bulleted list inside it: * Item a * Item b * [[Special:Random|Item c]] }} |} == Dependencies == For this template to work properly, you need the following: * The small JavaScript code for toggling the <code>.spoiler</code> class on/off on click, found in [[MediaWiki:Common.js]]. * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [[wgg:terraria:Template:Spoiler|Template:Spoiler on Terraria Wiki]]. ==TemplateData== <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" }, "block": { "label": "Display as block?", "description": "If given, display the spoiler as a block instead of inline. Useful for long spoilers spanning multiple lines or using block-level elements like lists.", "example": "y", "type": "boolean", "suggested": true }, "class": { "label": "Class", "description": "A class or classes to apply to the spoiler", "type": "string" }, "id": { "label": "ID", "description": "A CSS ID to apply to the spoiler.", "type": "string" }, "style": { "description": "Inline CSS styles to pass in.", "type": "string", "aliases": [ "css" ], "label": "Style" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover", "block", "class", "id", "style" ], "format": "inline" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> faec31665204f49bbba464dfebc50112a0ca1f96 10 94 116 2025-03-08T06:59:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:lineHeight|1lh}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text -->}}<!-- start if notext --></span></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4e9bb37a48d63bb6b56f32d260dc74f64011e4af 10 95 117 2025-03-08T06:59:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 96 118 2025-03-08T06:59:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 97 119 2025-03-08T06:59:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|{{{2|}}}}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author|{{{2|}}}}}}]] | {{{author|{{{2|}}}}}} }}</div>|}}<!-- --></div><!-- -->[[Category:Pages with quotes]]</includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 095258ceee92819a4e7b83c26fba3761bf9c41a9 10 98 120 2025-03-08T06:59:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 99 121 2025-03-08T06:59:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Mystic Feather (Item).png</nowiki></code> was used as the icon for a page called <code>Mystic Feather</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Item icon|Mystic Feather}}</nowiki></code> || {{Item icon|Mystic Feather}} |- | <code><nowiki>{{Item icon|Mystic Feather|Mystic Feathers}}</nowiki></code> || {{Item icon|Mystic Feather|Mystic Feathers}} |- | <code><nowiki>{{Item icon|Mystic Feather|notext}}</nowiki></code> || {{Item icon|Mystic Feather|notext}} |- | <code><nowiki>{{Item icon|Missing Item}}</nowiki></code> (Missing Page Icon) || {{Item icon|Missing Item}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 4dfcab6f3d3c88596068607685645f29666f0141 10 100 122 2025-03-08T06:59:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 24bad84fd5dea93cab210dfd592fda86af09eb87 10 101 123 2025-03-08T06:59:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Invisible Boy (Character).png</nowiki></code> was used as the icon for a page called <code>Invisible Boy</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Character icon|Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|The Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy|The Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|notext}}</nowiki></code> || {{Character icon|Invisible Boy|notext}} |- | <code><nowiki>{{Character icon|Missing Boy}}</nowiki></code> (Missing Page Icon) || {{Character icon|Missing Boy}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 0999a706143c16f5ed970816e7825239cfce9547 10 102 124 2025-03-08T06:59:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> == Template data (for Visual Editor) == <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote has a title, put it here.", "example": "Richard III's soliloquy", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Now is the winter of our discontent made glorious summer by this sun of York", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "William Shakespeare", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "William Shakespeare (playwright)", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> 8a10e77de70ff704435282ce0f2ba792a13404a5 10 103 125 2025-03-08T06:59:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->[[Category:Pages with hatnotes]]<!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> c239246055fdd6c2f4aa85033ba3e93b9baa4733 10 104 126 2025-03-08T06:59:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{No direct use}} == List of hatnote templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-content-border-color--secondary</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 464f2f866befaf4cfa47f68ab0ad4f170c13463d 10 105 127 2025-03-08T06:59:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|topic=Example}}</nowiki></code> || {{Disambiguation|Special:Random|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 5fce9c689120c57454571ff0e60a2cd447df5713 10 106 128 2025-03-08T06:59:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 107 129 2025-03-08T06:59:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 108 130 2025-03-08T06:59:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 109 131 2025-03-08T06:59:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 110 132 2025-03-08T06:59:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Special:WantedPages}}</nowiki></code> || {{For|more information|Special:WantedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{For|more information|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> b2a30a9bf8acff259d5e86654a2de69c2d5e4fff 10 111 133 2025-03-08T06:59:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main articles|Main article}}: {{#var:text}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> e02ac04db1bbce6b71a9aa8a5064182f662d8470 10 112 134 2025-03-08T06:59:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Special:WantedPages}}</nowiki></code> || {{Main|Special:WantedPages}} |- | <code><nowiki>{{Main|Special:WantedPages#Section Title}}</nowiki></code> || {{Main|Special:WantedPages#Section Title}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{Main|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> dd762adeece0f944821cb81ee14a8bd9cb539b22 10 113 135 2025-03-08T06:59:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Merge|Merge]]|Example<nowiki>}}</nowiki></code> || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Move|Move]]|Example<nowiki>}}</nowiki></code> || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example<nowiki>}}</nowiki></code><br/><br/><code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example 1|Example 2|Example 3<nowiki>}}</nowiki></code> || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 9a9440832ecb00ba9cbba02e08453faa8c047074 10 114 136 2025-03-08T06:59:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}'''<nowiki/>'s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fix grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9c9fb940d733227f74a7ce12720d22f569bd4d3e 10 115 137 2025-03-08T06:59:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 116 138 2025-03-08T06:59:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title='''Don't call this template directly from any content page!''' |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red |tiny={{{tiny|}}} |class={{{class|}}} }}</includeonly><noinclude>{{doc|Template:Ambox/doc}} [[Category:Notice templates]]</noinclude> e0c3e967bce625ce28ec15908642c3382335ec1f 10 117 139 2025-03-08T06:59:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 118 140 2025-03-08T06:59:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 119 141 2025-03-08T06:59:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 120 142 2025-03-08T06:59:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc|Template:Ambox/doc}}</noinclude> d46344bae30adce89ead1cf12e8c3ff904e95203 10 121 143 2025-03-08T06:59:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 122 144 2025-03-08T06:59:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 123 145 2025-03-08T06:59:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 124 146 2025-03-08T06:59:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 125 147 2025-03-08T06:59:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 126 148 2025-03-08T06:59:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 127 149 2025-03-08T06:59:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 128 150 2025-03-08T06:59:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 129 151 2025-03-08T06:59:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 130 152 2025-03-08T06:59:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 131 153 2025-03-08T06:59:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 132 154 2025-03-08T06:59:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 133 155 2025-03-08T06:59:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Navigation templates]]</noinclude> 08ccba46722925866447768d344bf540b0b55e79 10 134 156 2025-03-08T06:59:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 135 157 2025-03-08T06:59:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> adce81e2e9eafcf930052a8993d3e5625665202e 10 136 158 2025-03-08T06:59:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:DualSense input images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 84fa5123f9494d3572fef65e1aa63dd95ef476be 10 137 159 2025-03-08T06:59:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code>Gadget-[[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]</code><noinclude>[[Category:Formatting templates]]</noinclude> dd027468a6022472506b1fc2973d6299ec01e854 10 138 160 2025-03-08T06:59:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Wikipedia.svg | title= This code is adapted from [[wikipedia:Main Page|Wikipedia]]. | message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}} | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c 10 139 161 2025-03-08T06:59:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |-|<noinclude>{{documentation}}</noinclude> c634369c1e88b95ebe6a6d827cb32dc1e9c61fec 10 140 162 2025-03-08T06:59:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 141 163 2025-03-08T06:59:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><span class="color">{{{1}}}&nbsp;<span class="color__splotch" style="background-color: {{{1}}};" title="{{{1}}}"></span></span>[[Category:Pages with colors]]</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 8d576236ad82770d3c04720d4ac105edcb835874 10 142 164 2025-03-08T06:59:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template creates a small color splotch with a given background color next to a plaintext color code. This is useful for previewing colors. ==Usage== {{tlx|color|<color>}} Where <code><color></code> is any valid [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color]. ==Examples== <pre> My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. </pre> Produces: My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. <noinclude>[[Category:Template documentation]]</noinclude> cb66b177cf785e1b3f60e28e36852b253e4b3d82 10 143 165 2025-03-08T06:59:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- Here is the above code without comments for easier copy-pasting: {{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }} --></includeonly><noinclude> {{documentation}} [[Category:Infobox templates]]</noinclude> f49d0f82d5a212306ff66b8fee112ecf88123576 10 144 166 2025-03-08T06:59:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is an example character infobox using the [[support:DRUID infoboxes|DRUID infoboxes]] framework. You can edit it, rename it, or delete it as desired. == Modify this template == To see how DRUID works, please '''edit this page'''! It has several comments explaining the different parts of how to make an infobox. == Copyable code for use on other content pages == If you want to create pages using this infobox, you can use the snippet below. Please understand, this code is for CONTENT PAGES ONLY!! It does not have anything to do with changing what the template supports. <syntaxhighlight lang="wikitext" style="overflow: auto;"> {{Example character infobox |title= |image= |Region= |Element= |Attack= |HP= |Armor= |Attack Speed= }} </syntaxhighlight><noinclude>[[Category:Template documentation]]</noinclude> f822e1098d3a677ff70368340a4b264c5f69cd6a 10 145 167 2025-03-08T06:59:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 168 167 2025-03-08T06:59:39Z ARTIFICER 564804 Protected "[[Template:License/indie.io]]" ([Edit=Allow only wiki.gg staff] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 10 146 169 2025-03-08T06:59:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Clear]] 1a2aa4a9ba7478e54a2b21cbce68887ea297ea86 10 147 170 2025-03-08T06:59:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template allows you to [https://developer.mozilla.org/en-US/docs/Web/CSS/clear clear] the left side, the right side, or both by adding <code>&lt;div style="clear:left/right/both;"&gt;&lt;/div&gt;</code> ==Usage== {{tlx|Clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images. An optional <code>class</code> parameter can additionally be given for custom functionality. To clear the left, simply put {{tlx|Clear|left}}. To clear the right, put {{tlx|Clear|right}}. To clear both sides, put {{tlx|Clear}}. This template can also be called with {{tlx|-}} for short. <templatedata> { "params": { "1": { "label": "Direction", "description": "Which direction to clear", "type": "string", "default": "both", "suggestedvalues": [ "left", "right", "both" ] }, "class": { "label": "Class", "description": "A class to give to the clear", "type": "string" } }, "description": "Clears the left, right, or both.", "format": "inline" } </templatedata> <noinclude> [[Category:Template documentation]] </noinclude> 30e700cb1ba6902a86860319bd230680193d3b04 10 148 171 2025-03-08T06:59:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#if:{{{1|{{{id|}}}}}}|<!-- -->{{#ifeq: {{lc:{{{full|}}}<!-- -->}} | yes<!-- display the full widget: -->|<div class="DiscordIntegrator" style="width: {{#or:{{{width|}}}|100%}}; height: {{#or:{{{height|}}}|300px}}" data-id="{{{1|{{{id}}}}}}" data-logged-in="{{{loggedIn}}}" data-theme="{{{theme|}}}" data-width="100%" data-height="100%"><!-- -->If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.</div><!-- display only the small widget: -->|<div id="discord-compact-widget" data-id="{{{1|{{{id}}}}}}"></div><!-- -->}}<!-- case: id is not supplied -->|<strong class="error">DiscordIntegrator error: ID of the server isn't supplied.</strong> For instructions on how to find a Discord server ID, see [https://support.discord.com/hc/articles/206346498 this Discord Help Center article]<!-- -->}}</includeonly><!-- -->[[Category:Pages with Discord embeds]]<noinclude>{{Documentation}} [[Category:Templates]]</noinclude> 7d39c3a9d1b4eb8e95becaf418c16ec30cb9c077 10 149 172 2025-03-08T06:59:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template allows you to either use [[support:DiscordCompact|DiscordCompact]] or [[support:DiscordWidget|DiscordWidget]] to display information about a certain Discord server. == Usage == In order to be able to show a Discord server widget on your wiki, first go to your Discord server and do the following: * Open the <code>Server Settings</code>, then go to the <code>Widget</code> section. * Enable the Widget. * Copy the <code>Server ID</code>. Then, do the following depending on the type of widget you want to use (compact or full). === Compact Widget (Default) === {{main|support:DiscordCompact{{!}}DiscordCompact}} The compact widget is the default one. To use it, simply add the template with the server ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID}}</nowiki></code> * <code><nowiki>{{Discord|id=serverID}}</nowiki></code> === Full Widget === {{main|support:DiscordWidget{{!}}DiscordWidget}} To use the full version of the Discord widget, you have to specify <code>full=yes</code> as one of the template parameters, with the ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID|full=yes}}</nowiki></code> * <code><nowiki>{{Discord|full=yes|id=serverID}}</nowiki></code> You can further customize the widget with the <code>width</code>, <code>height</code> and other parameters. See the Examples section and the full documentation for DiscordWidget on the [[support:DiscordWidget|Support Wiki]]. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Discord|951501892553424917}}</nowiki></code><br/><code><nowiki>{{Discord|id=951501892553424917}}</nowiki></code> || {{Discord|951501892553424917}} |- | <code><nowiki>{{Discord|951501892553424917}|full=yes}</nowiki></code> || {{Discord|951501892553424917|full=yes}} |- | <pre><nowiki>{{Discord|full=yes |id = 951501892553424917 |width = 300px |height = 500px }}</nowiki></pre> || {{Discord|full=yes|id=951501892553424917|width=300px|height=500px}} |} == Dependencies == * As stated before, both Compact and Widget require the given Discord server to have Widgets enabled in its Server Settings. * DiscordCompact requires [[support:DiscordCompact#MediaWiki:DiscordCompact.js-0|DiscordCompact.js]] code, present in [[MediaWiki:Common.js]]. * DiscordWidget requires [[dev:DiscordIntegrator.js|DiscordIntegrator.js]] code, present in [[MediaWiki:Common.js]]. == TemplateData == <templatedata> { "params": { "1": { "aliases": [ "id" ], "label": "Server ID", "description": "The Discord server's ID.", "example": "951501892553424917", "type": "line", "required": true }, "full": { "label": "Use Full Widget", "example": "yes", "type": "boolean", "description": "Do you want to use the full widget?" }, "width": { "label": "Width (Full Widget only)", "description": "A custom width for the full widget.", "example": "300px", "type": "line" }, "height": { "label": "Height (Full Widget only)", "description": "A custom height for the full widget.", "example": "500px", "type": "line" } }, "description": "This template allows you to either use DiscordCompact or DiscordWidget extensions to display information about a certain Discord server.", "paramOrder": [ "1", "full", "width", "height" ], "format": "block" } </templatedata> 641236c3823c42440e97734170310cd9877aa84e 10 150 173 2025-03-08T06:59:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly></div> </div></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 506617faba565eb65144b21c3ead8fe5c2010b55 10 151 174 2025-03-08T06:59:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><div class="mp-box <!-- These variables are used to determine if certain layouts should hide certain boxes. The variable is created in and passed from [[Module:Main page]], and is formatted as a pseudo bitmask to reduce variable usage An example of this variable would be "1,1,0," which would mean display on desktop and tablet but not on mobile -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|0}}|0|mp-hide-on-desktop}} <!-- -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|1}}|0|mp-hide-on-tablet}} <!-- -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|2}}|0|mp-hide-on-mobile}} <!-- -->{{{class|}}}" style="grid-area:{{#var:imp-variable-id}}; {{{style|}}}" id="mp-box-{{#var:imp-variable-id}}" data-box-id="{{#var:imp-variable-id}}"><!-- -->{{#if:{{{title|{{{1|}}}}}}| <h2> {{{title|{{{1|}}}}}} </h2> }}<div class="mp-body"></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 62eedb503b63a36fc31a301f8ea6b15f6ff9bf60 10 152 175 2025-03-08T06:59:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Example }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page box/end}}<includeonly><no<noinclude></noinclude>include>[[Category:Main page boxes]]</no<noinclude></noinclude>include></includeonly><!-- don't edit this line --><noinclude> [[Category:Main page templates]] </noinclude> 34ae02f0a7ec776e18f64ddf09a64d534830c0ef 10 153 176 2025-03-08T06:59:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Main page|main}} __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]]</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 64a0dbb502a75c44e4b3f474772d8502bdf44e40 10 154 177 2025-03-08T06:59:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{#tag: inputbox | type = create width = 40 default = {{{1|}}} buttonlabel = Create this box prefix = {{#or:{{{rootpage|}}}|{{MediaWiki:Mainpage}}}}/ placeholder = box name (no spaces) preload = Template:Main page box/preload summary = Created using preload }}<noinclude>[[Category:Main page templates]]</noinclude> 0567f0e82537a11cfdd234d9ecec1b98db90f212 10 155 178 2025-03-08T06:59:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><code>Template:Main page box</code> is not intended to be used directly, please use [[Template:Main page box/start]] and [[Template:Main page box/end]].</includeonly><noinclude> This template is used to create the boxes of the IMProved Main Page (IMP) framework. '''It should not be called directly''', instead using {{tl|Main page box/start}} and {{tl|Main page box/end}}. <div style="text-align:center;"> Use the box below to create a page with the required templates already in place, ready for you to add your content. {{/create}} The box name can not contain spaces or start with a number. Those are probably the only restrictions you'll run into, but for a full list see [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident> on MDN web docs]. </div> ==Parameters== These are the parameters used by {{tl|Main page box/start}}. All parameters are optional. {| class="wikitable" ! Name !! Data type !! Description |- | title || Wikitext || The title of the box. This can be empty, in which case the box will contain only the content. |- | class || CSS classes || A list of classes to be passed to the box, separated by spaces and without quotes. Standard options are <code>centered-content</code> to vertically center contents, and <code>has-floating-image</code> in case floating images are needed in the box (normally the flex layout disallows this). |- | style || CSS declarations || Inline CSS to be applied directly to the box, without quotes. A common usage is <code>text-align:center;</code> for cases where it's desired for individual boxes to have centered text. |} [[Category:Main page templates]] [[Category:Template documentation]] </noinclude> cbbd25d1eb0105a8be55d0cc174f385fc467ffad 10 156 179 2025-03-08T06:59:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. ==TemplateData== <templatedata> { "params": { "class": { "label": "Class", "description": "Additional classes to give to the box wrapping this box.", "example": "centered-content", "suggestedvalues": [ "centered-content", "has-floating-image" ] }, "style": { "label": "Style", "description": "Inline CSS to add to the box wrapping this box", "example": "text-align:center;", "type": "string" }, "title": { "aliases": [ "1" ], "label": "Title", "description": "The title of this box.", "example": "Welcome to the wiki!", "type": "content", "suggested": true } }, "description": "Creates a box for use on the main page.", "paramOrder": [ "title", "class", "style" ], "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 860e1be8fbf205ab2b3214cb91860a77fd3ef52b 10 157 180 2025-03-08T06:59:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. <noinclude>[[Category:Template documentation]]</noinclude> e73182bed655118b10da971b634dc9c3bf3e3d39 10 158 181 2025-03-08T06:59:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.). For example, the following input to desktop: <pre style="display:table;"> welcome welcome welcome about links links about contribute contribute </pre> would produce a grid resembling the following: {| class="wikitable" | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(0,0,255, 0.15)" | links | style="background-color:rgba(0,0,255, 0.15)" | links |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(255,255,0, 0.15)" | contribute | style="background-color:rgba(255,255,0, 0.15)" | contribute |} Where <code>welcome</code> is the contents of [[{{MediaWiki:Mainpage}}/welcome]], <code>about</code> is the contents of [[{{MediaWiki:Mainpage}}/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes. If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page. If you leave a keyword out of a certain layout, it will not be displayed on that layout. A warning will be given at the top of the edit preview in case this was an accident, but can be safely ignored if intentional. For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help. ==Technical explanation== For the CSS savvy, this section explains how it works a bit under the hood. The input to desktop, tablet, and mobile create [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS variables] which are then used as the value of [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas grid-template-areas] in media queries for screen widths >=1350px, >=990px, and <990px. The boxes are given an id based on their subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of <code>mp-box-<keyword></code>. Since these keywords are used directly in the grid layout, they must follow the rules of [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident>] naming. ==Dependencies== For this template to work properly, you need the following: * [[Module:Main page]] * All templates in [[:Category:Main page templates]]. * All CSS within the "Main page layout" section found in [[MediaWiki:Common.css]]. {{gad|mpEditLinks}} is also highly recommended. Its code can be found at {{gad|mpEditLinks.css}} and {{gad|mpEditLinks.js}}. ==TemplateData== <templatedata> { "params": { "desktop": { "label": "Desktop", "description": "The layout for wide screens", "required": true, "type": "string" }, "tablet": { "label": "Tablet", "description": "The layout for mid-width screens", "required": true, "type": "string" }, "mobile": { "label": "Mobile", "description": "The layout for narrow screens", "required": true, "type": "string" } }, "description": "Creates an IMP Main Page.", "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 735a3d8a0d6ba82132ee83e970be5e8bc0492b36 10 159 182 2025-03-08T06:59:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code><nowiki>[</nowiki>[[Special:CargoTables/{{{1}}}|{{{1}}}]]<nowiki>]</nowiki>{{#if:{{{2|}}}|.{{{2}}}}}</code><noinclude> [[Category:Formatting templates]]</noinclude> d868545d4d3eeb1545e963d063199a68abba7836 10 160 183 2025-03-08T06:59:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = {{{1}}} | style = text-align:center; | class = missing }} The {{{1}}} box does not exist. Check your spelling or create it here:<br/> {{Main page box/create|{{{1|}}}|rootpage = {{{rootpage|}}}}}<br/> See [[Template:Main page box]] for more information. {{Main page box/end}}<noinclude>[[Category:Main page templates]]</noinclude> 5cff88dacf33c912d4aa04c1541e684a5f3e79bb 10 161 184 2025-03-08T06:59:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#vardefine:varname|ITER_INDEX_{{#if:{{{1|}}}|{{{1}}}|default}}<!-- end vardefine -->}}<!-- main logic -->{{#vardefineecho:{{#var:varname}}| {{#expr: {{#ifeq:{{lc:{{{reset|}}}<!-- end lc -->}} |yes |0 |{{#var:{{#var:varname}}|0}} <!-- end ifeq -->}} + {{#if:{{{get|}}}|0|1}} <!-- end expr -->}} <!-- end vde -->}}</includeonly><noinclude>{{documentation}} [[Category:Templates]]</noinclude> c37a3625d58a115a140f129da248ec1c9f6cb55e 10 162 185 2025-03-08T06:59:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template helps you create indexed columns in tables (particularly [[support:Cargo|Cargo]] queries) and to retrieve iterator values when using the parser function <code><nowiki>{{#arraymaptemplate</nowiki></code> (bundled with Extension:ParserPower on wiki.gg). == Simple counting == <pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} </pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} == Reset the counter == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} == Multiple counters == <pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} </pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} == Get value without incrementing == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} <noinclude> [[Category:Template documentation]] </noinclude> 20b5a53a6457493d2a2a9774b803511678a65760 10 163 186 2025-03-08T06:59:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on wiki.gg. }}</includeonly><noinclude> This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 854af75c8477c36c50cb5d103ad8a933892fc322 187 186 2025-03-08T06:59:46Z ARTIFICER 564804 Protected "[[Template:License/permission]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on wiki.gg. }}</includeonly><noinclude> This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 854af75c8477c36c50cb5d103ad8a933892fc322 10 164 188 2025-03-08T06:59:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><span class="country-flag" title="{{{2|}}}">{{#if: {{{1|}}} | [[File:Flag {{{1|}}}.svg|x20px|link=]] | }}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Formatting templates]]</noinclude> 9802f61bee0e36120c835608ccee85e72384341b 10 165 189 2025-03-08T06:59:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This formatting template allows you to display country flags inline. Available country flags can be seen in [[dev:Category:Country_flags|our Commons Wiki]]. == Usage == The template can be used with the following formatting: <code><nowiki>{{flag|code|Legend}}</nowiki></code>, where: * <code>code</code> is the [[wikipedia:ISO 3166-1 alpha-2|ISO 3166-1 alpha-2]] code for the country flag. * <code>Legend</code> is the legend displayed on hover (optional). == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{flag|ca|Canada}}</nowiki></code> || {{flag|ca|Canada}} |} <noinclude>[[Category:Template documentation]]</noinclude> 1fb455be1ffbed259dd27df18dd447e605746ed4 10 166 190 2025-03-08T06:59:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Disambiguation]] f220bcb889e0ce686a839d64ec6c4359b0e8bfb7 14 167 191 2025-03-08T06:59:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 168 192 2025-03-08T06:59:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 169 193 2025-03-08T06:59:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is the top-level category. It contains meta categories and pages about the wiki. 8935f2b3e97edfeadd7bb206f1e17c03099ec24a 14 170 194 2025-03-08T06:59:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 171 195 2025-03-08T06:59:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 172 196 2025-03-08T06:59:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 173 197 2025-03-08T06:59:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 174 198 2025-03-08T06:59:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 175 199 2025-03-08T06:59:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 176 200 2025-03-08T06:59:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 177 201 2025-03-08T06:59:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 178 202 2025-03-08T06:59:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 179 203 2025-03-08T06:59:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 180 204 2025-03-08T06:59:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 181 205 2025-03-08T06:59:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 182 206 2025-03-08T06:59:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 183 207 2025-03-08T06:59:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 184 208 2025-03-08T06:59:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 185 209 2025-03-08T06:59:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 186 210 2025-03-08T06:59:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 187 211 2025-03-08T06:59:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 188 212 2025-03-08T06:59:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 189 213 2025-03-08T06:59:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 190 214 2025-03-08T06:59:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 191 215 2025-03-08T06:59:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 192 216 2025-03-08T06:59:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 193 217 2025-03-08T06:59:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 194 218 2025-03-08T06:59:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 195 219 2025-03-08T07:00:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 196 220 2025-03-08T07:00:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 197 221 2025-03-08T07:00:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Official images used for purposes of promoting the game, that may not actually represent gameplay. [[Category:Images]] 80b893c439747ce681cf18cc579c3bc4c65cd502 14 198 222 2025-03-08T07:00:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 199 223 2025-03-08T07:00:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 200 224 2025-03-08T07:00:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 201 225 2025-03-08T07:00:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 202 226 2025-03-08T07:00:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 203 227 2025-03-08T07:00:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 204 228 2025-03-08T07:00:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 205 229 2025-03-08T07:00:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 206 230 2025-03-08T07:00:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 207 231 2025-03-08T07:00:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 208 232 2025-03-08T07:00:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 209 233 2025-03-08T07:00:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 210 234 2025-03-08T07:00:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 211 235 2025-03-08T07:00:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 212 236 2025-03-08T07:00:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 213 237 2025-03-08T07:00:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 214 238 2025-03-08T07:00:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a DRUID infobox. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ c3120bb946ff71a0533179ff75a02386d8d8c214 14 215 239 2025-03-08T07:00:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|navbox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 3e48f396fafee5d8aecf6cd0dcb554c769f485a9 14 216 240 2025-03-08T07:00:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with an {{tl|ambox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] de382f794395f344d0147dbb96b9542d6f38f624 14 217 241 2025-03-08T07:00:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|hatnote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 4ac7721cfcffb2f181820164d95f3af8d86c4fd7 14 218 242 2025-03-08T07:00:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|spoiler}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 5822aa87e8a8897673ff589d00d2f0d622aa3be5 14 219 243 2025-03-08T07:00:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|quote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 2f764cddd1fb264f48b896ffd6e892df3c391e90 14 220 244 2025-03-08T07:00:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|color}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] bcca0312385263c30522c744df6a8c8856c68fab 14 221 245 2025-03-08T07:00:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 222 246 2025-03-08T07:00:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Main page templates]] ce086f8cfa39aeb8137ffe34e5d41aa38300cf4e 14 223 247 2025-03-08T07:00:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 224 248 2025-03-08T07:00:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|Discord}} embed. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 11ff5616854d8913d2c371ae3c2c610278651846 14 225 249 2025-03-08T07:00:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 8 226 250 2025-03-08T07:00:16Z ARTIFICER 564804 Importing default loadout css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ e8e3e22802db0d2fb9ada154fd912b77a5ba9c53 8 227 251 2025-03-08T07:00:18Z ARTIFICER 564804 Importing default loadout css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 22b9658e046977a69fb8e43f13ba099034dd3aa6 8 228 252 2025-03-08T07:00:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki * light[bundled|kind=light] * dark[bundled|kind=dark] 05cdfdf87ea42919cc6ea267d3972cc06847ed60 8 229 253 2025-03-08T07:00:19Z ARTIFICER 564804 Importing default loadout javascript text/javascript (function() { if ( document.getElementById( 'ca-cargo-purge' )){ return } // disable if Cargo has already added a purge button if ( mw.config.get( 'wgNamespaceNumber' ) === -1 ) { return } // disable on special pages var l10n = (function(){ var text = { 'buttonlabel': { 'en': 'Purge cache', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', } } var lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return text[key] && (text[key][lang] || text[key]['en']) || ''; } })(); $(document).ready(function(){ var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); }); })(); 3ddcd71f3f84361ec194d6e05ff04d99d1bf5797 8 230 254 2025-03-08T07:00:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css == Utility gadgets == * mpEditLinks[ResourceLoader|rights=editprotected|default]|mpEditLinks.css|mpEditLinks.js * purge[ResourceLoader|default|type=general|rights=edit|dependencies=mediawiki.util]|purge.js * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js == appearance == * collapsibleSidebarSections[ResourceLoader]|collapsibleSidebarSections.js|collapsibleSidebarSections.css<!-- not default, to make it default please add |default after ResourceLoader, follow the examples above --> 750be3fae9e91fd90219eda715954440e2297f98 8 231 255 2025-03-08T07:00:19Z ARTIFICER 564804 Importing default loadout javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username && !window.loadedHorseUserProfile ) { window.loadedHorseUserProfile = true; var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue ) editcount = data.limits.usercontribs+'+' var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: 'users', ususers: username, usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'], formatversion: 2 } ).done( function(data) { var user = data.query.users[0]; var block; if ( user.blockid ) block = { user: username, by: user.blockedby, timestamp: user.blockedtimestamp, expiry: user.blockexpiry, reason: user.blockreason }; formatProfile(user, block); } ); function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) { text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; } text += '\n\n</div>'; if ( block && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+block.reason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } } } ); // </nowiki> 2df0d96710fe446c5289ea1c484419b50c43fd5b 8 232 256 2025-03-08T07:00:19Z ARTIFICER 564804 Importing default loadout css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--wiki-content-text-color); border: 2px solid var(--wiki-content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 1729445bb17e2974426befaf9bd441ab4bf189c5 8 233 257 2025-03-08T07:00:20Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") return; if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; var l10nFactory = l10nFactory || function($lang, $data) { return function ($key) { // (null == undefined) is true, (null === undefined) is false return ($data[$lang] && $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key]; }; }; const l10n = l10nFactory(mw.config.get("wgUserLanguage"), { en: { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", categoryname: "Category name:", categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images", categorynamespace: "Category", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "Licensing", categories: "Categories", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." } }); const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== "") sections.push(summary); if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $(function(){ $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+ l10n("multiupload") + '</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /> '+ l10n("yes") + '</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /> '+ l10n("no") + '</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">' + l10n("sourcefiles") + '</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"><td class="mw-label"><label for="multiFileCategory"><abbr title="' + l10n("categorynamehint") + '">' + l10n("categoryname") + '</abbr></label></td><td class="mw-input"><input id="multiFileCategory" name="multiFileCategory" size="60"></td></tr>'); $("input[name='wpUpload']").after('<input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === l10n("yes")) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(l10n("nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(l10n("nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").text(l10n("uploading")); $("#mw-content-text").html("<h3>" + l10n("uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + l10n("failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append("<h3>"+ l10n("done") + "</h3>"); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } else { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); }); b05306b3ea3271c87b87546ac6619aa30e47782f 8 234 258 2025-03-08T07:00:20Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( function () { var mobileSidebarButton = document.createElement( 'button' ); mobileSidebarButton.className = 'mobile-nav-toggle'; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( 'nav--expanded' ); } ); document.body.classList.add( 'has-vector-mobile-menu' ); document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton ); } ); /*** End mobile navigation toggle button ***/ fe358e2ae21cc8ac3ac603bdc0df2ff4a2d437b5 8 235 259 2025-03-08T07:00:20Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* Default JS is no longer shipped in common.js, please see Special:Gadgets */ 6a03813e672a055509c519052e6026ad470fc241 8 236 260 2025-03-08T07:00:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki *Game content ** License|game|This contains content from the game or its official media *Commonly used ** License|fairuse|This will be used in a way that qualifies as "fair use" under US law ** License|CC0|This file is licensed under the CC0 1.0 License ** License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License ** License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License ** License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License ** License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License ** License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License ** License|permission|The copyright holder gave permission to use this work only in wiki.gg articles ** License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License ** License|CC-PD|This is in the public domain ** License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License *Unsure or unknown ** License|nolicense|I don't know the license 80cf31331a258a3fc3651f6d5961fbb5c1822cee 8 237 261 2025-03-08T07:00:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{int:wikigg-copyright|CC BY-SA 4.0|$1}} 999f12b472b0177c515e14cda21d5e4ddc0603e1 8 238 262 2025-03-08T07:00:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 239 263 2025-03-08T07:00:22Z ARTIFICER 564804 Importing default loadout css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 240 264 2025-03-08T07:00:22Z ARTIFICER 564804 Importing default loadout css text/css .spoiler-content:hover > * { pointer-events:unset; opacity: 1; } .spoiler-content:hover { background-color: transparent; } 1c73aafcb749d7e0e9107c1045310d2af70aae7e 8 241 265 2025-03-08T07:00:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <div class="mw-parser-output" id="dl-variable-doc"><!-- hide this in your global.css if you're familiar with how default loadout works and this documentation is just in your way --> ==Documentation== This wiki is using the theming template from the [[dlw:|default loadout]]. This template is intended to minimize the work required to create a custom colored version of the standard [[mw:Skin:Vector|Vector]] skin, while maximizing the various nooks and crannies that those colors reach, all while keeping everything legible and matching. Please be aware of the [[support:Customization policy|customization policy]] when modifying the theme. ===Themes=== The [[support:Theme Toggle|Theme Toggle]] extension is installed, and allows multiple themes to be used. In the actual stylesheet below this documentation, you'll find two huge rules at the top, each containing lots of [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS color variables]. They look like this: <syntaxhighlight lang=css> :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* and so on */ } .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* and so on */ } </syntaxhighlight> These are the standard light and dark themes, defined in [[Mediawiki:Theme-definitions]]. '''Important''': if you want your wiki to only support a single theme, edit that page and remove the line you don't want (don't remove both). The <code>:root</code> selector is a fallback, meaning that in case something happens and Theme Toggle fails to work, the following theme will still mostly work. If you have multiple themes, you can move the <code>:root</code> rule to whichever you'd consider the "default" theme. ===Non-color variables=== {| class="wikitable" ! Variable name !! Notes |- | --wiki-body-background-image | This is the image path to the wiki's background image. Usually this is uploaded to File:Site-background.jpg, File:Site-background-light.jpg, and/or File:Site-background-dark.jpg. While there's not a hard file size limit, it is recommended that this not exceed 250 KB. File size can be reduced by resizing (anything over 2560x1440p is excessive), converting to a jpg, and compressed using sites like [https://tinypng.com TinyPNG]. |- | --wiki-body-background-position | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-position background-position] of the background image. Usually this is set to <code>top center</code>. |- | --wiki-body-background-size | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-size background-size] of the background image. Usually this is set to <code>cover</code>. |- | --wiki-body-background-repeat | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat background-repeat] of the background image. Usually this is set to <code>no-repeat</code>. |- | --wiki-body-background-attachment | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment background-attachment] of the background image. Usually this is set to <code>fixed</code>. |- | --wiki-body-font-family | The font family of most of the wiki, such as the sidebar, navigation, and content text. Usually this is sans-serif. If modifying this, use a simple font that is easy to read. See <code>--wiki-heading-font-family</code> if you want to incorporate a more decorative font into the theme. |- | --wiki-heading-font-family | The font family of headings, such as the page title and section headings. This font is usually displayed in a larger size, so it's safer to use a more decorative font than <code>--wiki-body-font-family</code>, but still try to keep it legible. |- | --wiki-sidebar-heading-font-family | The font family of sidebar headings. In contrast to <code>--wiki-heading-font-family</code>, this is usually displayed in a smaller size, so keep it simple and easy to read. |- | --wiki-sidebar-border-radius | The [https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius border-radius] of the sidebar. If <code>--wiki-sidebar-portal-spacing</code> is set to 0, then only the top and bottom corners of the sidebar as a whole will be affected, otherwise every portal will have all its corners affected. Units must be specified even if this is set to 0. |- | --wiki-sidebar-portal-spacing | The space between each portal in the sidebar. Units must be specified even if this is set to 0. |- | --wiki-content-border-width | The thickness of the border around the content area. |- | --wiki-sidebar-border-width | The thickness of the border around the sidebar portals. |- | --wiki-content-background-opacity | The opacity of the main content area, to let the wiki's background image show through. Please keep this high, usually above 90%, or it can make reading text difficult. |- | --wiki-sidebar-background-opacity | The background opacity of the sidebar. Usually this inherits <code>--wiki-content-background-opacity</code>. |- | --wiki-icon-general-filter | A filter applied to many icons to make them visible on dark themes. Usually this is just <code>invert(100%)</code> on dark themes and blank on light themes. |- | --wiki-icon-to-link-filter | A filter that converts many icons into the same color as <code>--wiki-content-link-color</code>. This can be generated by plugging that into https://mrpie5.gitlab.io/css-filter-generator/. |} ===List of all colors with contrast checking=== The table below shows all the colors currently in use, as well as notes on how to use them. The last column shows which colors are expected to show up as text against other colors. With the exception of <code>--wiki-content-text-mix-color-95</code>, all text in the last column should be ''clearly'' legible. If it is not, you may need to adjust one of the referenced colors in your color palette. Keep in mind that changes to the opacity variables in the section above will cause the content and sidebar background colors to mix with the body background color/image, so the contrasts below may not be perfectly accurate. {| class="wikitable" ! Variable name !! Color !! style="width: 40em;" | Notes !! Test contrast against these variables |- | --wiki-body-background-color | style="background-color:var(--wiki-body-background-color);" | | The background color behind the background image. This usually only shows up if the background image doesn't load, doesn't fill the screen, or has some transparency. This color should be similar to the overall color of the background image, or the top-left corner if it is made up of many different colors. In the former case, https://matkl.github.io/average-color/ is helpful. | style="background-color:var(--wiki-body-background-color);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color | style="background-color:var(--wiki-body-dynamic-color);" | | This is expected to contrast sharply with the body-background-color, for cases when text needs to be displayed against it. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--inverted | style="background-color:var(--wiki-body-dynamic-color--inverted);" | | The inverse of <code>--wiki-body-dynamic-color</code>. This should optimally have almost no contrast with the body-background-color. | style="background-color:var(--wiki-body-dynamic-color--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color--secondary | style="background-color:var(--wiki-body-dynamic-color--secondary);" | | A slightly different version of body-dynamic-color. Usually this is {{color|#333}} on light themes and {{color|#ccc}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color--secondary);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--secondary--inverted | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-body-dynamic-color--secondary</code>. | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-content-background-color | style="background-color:var(--wiki-content-background-color);" | | The background color of the main content area. | style="background-color:var(--wiki-content-background-color);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-text-mix-color)">--wiki-content-text-mix-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-background-color--secondary | style="background-color:var(--wiki-content-background-color--secondary);" | | A secondary content background to highlight certain things. Usually this is <code>--wiki-content-background-color</code> with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-content-background-color--secondary);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-text-mix-color)">--wiki-content-text-mix-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-border-color | style="background-color:var(--wiki-content-border-color);" | | Border color for the main content area and elements within it. | N/A |- | --wiki-content-border-color--secondary | style="background-color:var(--wiki-content-border-color--secondary);" | | A secondary content border color for elements that do not need to stand out as much. Usually this is <code>--wiki-content-border-color</code> with 50% transparency, but it can be adjusted or made identical if it is too subtle. | N/A |- | --wiki-content-border-color--accent | style="background-color:var(--wiki-content-border-color--accent);" | | A border color that is used as an accent. Usually this is <code>--wiki-accent-color</code> with 50% transparency, but it can be any variation of the accent color. | N/A |- | --wiki-content-text-color | style="background-color:var(--wiki-content-text-color);" | | Text color for the main content area. | style="background-color:var(--wiki-content-text-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-content-link-color | style="background-color:var(--wiki-content-link-color);" | | Links within the content area. Please do not make this red, as red links on wikis traditionally denote pages that don't exist. | style="background-color:var(--wiki-content-link-color);" | <span style="color:var(--wiki-content-link-label-color);">--wiki-content-link-label-color</span> |- | --wiki-content-link-label-color | style="background-color:var(--wiki-content-link-label-color);" | | This is used when placing text on an element with the link color as a background, such as a button. | style="background-color:var(--wiki-content-link-label-color);" | <span style="color:var(--wiki-content-link-color);">--wiki-content-link-color</span> |- | --wiki-content-link-color--visited | style="background-color:var(--wiki-content-link-color--visited);" | | The color of visited links. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--visited);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-link-color--hover | style="background-color:var(--wiki-content-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--hover);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-redlink-color | style="background-color:var(--wiki-content-redlink-color);" | | The color of links to pages that don't exist. Since these should only rarely be seen, you can be a little lax about choosing a color that contrasts with the background, but it should still be legible. | style="background-color:var(--wiki-content-redlink-color);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-text-mix-color | style="background-color:var(--wiki-content-text-mix-color);" | | A mix of <code>--wiki-content-text-color</code> and <code>--wiki-content-background-color</code>, calculated automatically. This is generally used to mark disabled elements or placeholder text. | style="background-color:var(--wiki-content-text-mix-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> <span style="color:var(--wiki-content-text-mix-color-95)">--wiki-content-text-mix-color-95</span> |- | --wiki-content-text-mix-color-95 | style="background-color:var(--wiki-content-text-mix-color-95);" | | The same as <code>--wiki-content-text-mix-color</code>, but the mix is 95% <code>--wiki-content-background-color</code>, calculated automatically. This is used to mark disabled elements. The contrast checker to the right should actually be very hard to read but not impossible. | style="background-color:var(--wiki-content-text-mix-color-95);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-dynamic-color | style="background-color:var(--wiki-content-dynamic-color);" | | This is expected to contrast sharply with <code>--wiki-content-background-color</code>. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--inverted | style="background-color:var(--wiki-content-dynamic-color--inverted);" | | The inverse of <code>--wiki-content-dynamic-color</code>. | style="background-color:var(--wiki-content-dynamic-color--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-dynamic-color--secondary | style="background-color:var(--wiki-content-dynamic-color--secondary);" | | A slightly different version of <code>--wiki-content-dynamic-color</code>. Usually this is {{color|#333}} on light themes and {{color|#ccc}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color--secondary);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--secondary--inverted | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-content-dynamic-color--secondary</code>. | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-heading-color | style="background-color:var(--wiki-content-heading-color);" | | The color of headings, such as the page title and section headings. Usually this is set to <code>--wiki-content-text-color</code>, but feel free to give it a different color to spice up the theme a little. | style="background-color:var(--wiki-content-heading-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span> |- | --wiki-accent-color | style="background-color:var(--wiki-accent-color);" | | Used to style infoboxes, navboxes, focused element outlines, and some buttons, such as the save button when editing. | style="background-color:var(--wiki-accent-color);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-accent-color--hover | style="background-color:var(--wiki-accent-color--hover);" | | The color of accent-color when hovered over, in some cases. Usually this is just accent-color with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-accent-color--hover);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span> |- | --wiki-accent-label-color | style="background-color:var(--wiki-accent-label-color);" | | The color of normal text against the accent color. | style="background-color:var(--wiki-accent-label-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-accent-color--hover)">--wiki-accent-color--hover</span><br/> |- | --wiki-accent-link-color | style="background-color:var(--wiki-accent-link-color);" | | The color of links against the accent color. | style="background-color:var(--wiki-accent-link-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span> |- | --wiki-sidebar-background-color | style="background-color:var(--wiki-sidebar-background-color);" | | The background color of the sidebar to the left of the content area. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-sidebar-background-color);" | <span style="color:var(--wiki-sidebar-link-color)">--wiki-sidebar-link-color</span><br/> <span style="color:var(--wiki-sidebar-heading-color)">--wiki-sidebar-heading-color</span><br/> |- | --wiki-sidebar-border-color | style="background-color:var(--wiki-sidebar-border-color);" | | The border color of the sidebar. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-sidebar-link-color | style="background-color:var(--wiki-sidebar-link-color);" | | The color of links in the sidebar. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-sidebar-link-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-link-color--hover | style="background-color:var(--wiki-sidebar-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-sidebar-link-color--hover);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-heading-color | style="background-color:var(--wiki-sidebar-heading-color);" | | The color of headings in the sidebar. Usually this inherits <code>--wiki-content-heading-color</code>. | style="background-color:var(--wiki-sidebar-heading-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-navigation-background-color | style="background-color:var(--wiki-navigation-background-color);" | | The primary background color of the navigation tabs above the content area. Usually this inherits <code>--wiki-content-background-color--secondary</code>. | style="background-color:var(--wiki-navigation-background-color);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-background-color--secondary | style="background-color:var(--wiki-navigation-background-color--secondary);" | | The upper background color of the navigation tabs, as well as the background color of the "More" menu dropdown. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-navigation-background-color--secondary);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-border-color | style="background-color:var(--wiki-navigation-border-color);" | | Border color of the navigation tabs. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-navigation-text-color | style="background-color:var(--wiki-navigation-text-color);" | | The color of text in the navigation tabs. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-navigation-text-color);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-text-color--hover | style="background-color:var(--wiki-navigation-text-color--hover);" | | The color of text in the navigation tabs when hovered. Usually this inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-navigation-text-color--hover);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-selected-background-color | style="background-color:var(--wiki-navigation-selected-background-color);" | | The background color of the currently active navigation tab. Usually this inherits <code>--wiki-content-background-color</code> | style="background-color:var(--wiki-navigation-selected-background-color);" | <span style="color:var(--wiki-navigation-selected-text-color)">--wiki-navigation-selected-text-color</span><br/> |- | --wiki-navigation-selected-border-color | style="background-color:var(--wiki-navigation-selected-border-color);" | | The border color of the currently active navigation tab. Usually this inherits <code>--wiki-navigation-border-color</code> | N/A |- | --wiki-navigation-selected-text-color | style="background-color:var(--wiki-navigation-selected-text-color);" | | The text color of the currently active navigation tab. Usually this inherits <code>--wiki-content-text-color</code> | style="background-color:var(--wiki-navigation-selected-text-color);" | <span style="color:var(--wiki-navigation-selected-background-color)">--wiki-navigation-selected-background-color</span><br/> |- | --wiki-neutral-color | style="background-color:var(--wiki-neutral-color);" | | A gray-ish color for displaying neutral text, such as a diff size of 0 in RecentChanges and page history. Usually this inherits <code>--wiki-content-text-mix-color</code>, but can be set explicitly if that color is not gray enough. | style="background-color:var(--wiki-neutral-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-alert-color | style="background-color:var(--wiki-alert-color);" | | A general, usually red-ish color used for negative notices, most notably negative diffs in RecentChanges and page history, and the "cancel" button when editing. | style="background-color:var(--wiki-alert-color);" | <span style="color:var(--wiki-alert-label-color)">--wiki-alert-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-alert-label-color | style="background-color:var(--wiki-alert-label-color);" | | The color of text against <code>--wiki-alert-color</code> as a background. | style="background-color:var(--wiki-alert-label-color);" | <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-warning-color | style="background-color:var(--wiki-warning-color);" | | A general, usually orange-ish color used for warning notices. | style="background-color:var(--wiki-warning-color);" | <span style="color:var(--wiki-warning-label-color)">--wiki-warning-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> |- | --wiki-warning-label-color | style="background-color:var(--wiki-warning-label-color);" | | The color of text against <code>--wiki-warning-color</code> as a background. | style="background-color:var(--wiki-warning-label-color);" | <span style="color:var(--wiki-warning-color)">--wiki-warning-color</span><br/> |- | --wiki-success-color | style="background-color:var(--wiki-success-color);" | | A general, usually green-ish color used for success notices, most noticeably positive diffs in RecentChanges and page history. | style="background-color:var(--wiki-success-color);" | <span style="color:var(--wiki-success-label-color)">--wiki-success-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-success-label-color | style="background-color:var(--wiki-success-label-color);" | | The color of text against <code>--wiki-success-color</code> as a background. | style="background-color:var(--wiki-success-label-color);" | <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> |} ==Stylesheet== <!-- When rendered on common.css, the actual stylesheet will be right here --> </div> 58f90e2fed90701650577a6fd770f265da41e96f 8 242 266 2025-03-08T07:00:23Z ARTIFICER 564804 Importing default loadout css text/css /** Container */ .ext-datamaps-container-content .ext-datamaps-container-leaflet { background: var(--wiki-content-background-color--secondary); } /** Legend */ .ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, transparent); } .ext-datamaps-container .oo-ui-tabOptionWidget { color: var(--wiki-content-link-color); } .ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: var(--wiki-content-link-color); box-shadow: none; color: var(--wiki-content-link-label-color); } /** Popups */ .ext-datamaps-container .leaflet-popup-content-wrapper, .ext-datamaps-container .leaflet-popup-tip { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .ext-datamaps-container .ext-datamaps-popup-buttons a, .ext-datamaps-container .leaflet-popup-close-button { filter: var(--wiki-icon-general-filter); cursor: pointer; } .ext-datamaps-popup-header .ext-datamaps-popup-subtitle, .ext-datamaps-popup-header .ext-datamaps-popup-location { color: var(--wiki-content-text-mix-color); } .ext-datamaps-popup .ext-datamaps-popup-tools li a { border: 1px solid var(--wiki-content-link-color); transition: background 100ms, color 100ms; } .ext-datamaps-popup .ext-datamaps-popup-tools li a:hover { background: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } /** Controls */ .ext-datamaps-container .leaflet-bar { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 50%, transparent); } .ext-datamaps-container .leaflet-bar button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ext-datamaps-container .leaflet-control { color: var(--wiki-content-text-color); } .leaflet-control-container .oo-ui-buttonElement > .oo-ui-buttonElement-button { min-height: unset; } .ext-datamaps-container .leaflet-control button { border-bottom-color: var(--wiki-content-link-color); /* fallback */ border-bottom-color: color-mix(in srgb, var(--wiki-content-link-color) 50%, transparent); color: var(--wiki-content-text-color); } /* HACK: awful selector, v1.0 will prolly use a standard class on these */ .ext-datamaps-container .ext-datamaps-control span[class^="oo-ui-icon"] { filter: var(--wiki-icon-general-filter); } /** Search */ .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results { background: var(--wiki-content-background-color--secondary); } .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li:focus, .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li[data-highlighted="true"] { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 15%, transparent); color: var(--wiki-content-link-color); } .ext-datamaps-container .ext-datamaps-container-status > :not(.oo-ui-widget) { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-mix-color); } .ext-datamaps-container .leaflet-control-container .ext-datamaps-control-coords { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } dea74cc9ac838a0e391ed861d5ffb6bd9c981383 8 243 267 2025-03-08T07:00:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Gadgets that change the wiki appearance 3bf556885769699b457bc65a75f5b92e513effd3 8 244 268 2025-03-08T07:00:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki '''collapsibleSidebarSections''' - make individual sections of the [[MediaWiki:Sidebar|sidebar]] collapsible 8c7fbb398af1fb8b4bd1c5e92d2d74886f665900 8 245 269 2025-03-08T07:00:24Z ARTIFICER 564804 Importing default loadout css text/css @media screen and (min-width:721px) { .client-js #mw-panel .vector-menu-portal .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .client-js #mw-panel .vector-menu-portal .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-link-color); transform: rotate(180deg); } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after { transform: rotate(0deg); } .client-js #mw-panel .vector-menu-portal::after { transition:0.5s } .client-js #mw-panel .vector-menu-portal.collapsed::after { border-image-slice:22% 45%; transition:0.5s; } } fcc58f877118c1bd86e6d26c83270653e40f4e24 8 246 270 2025-03-08T07:00:25Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function(){ // CONFIG section, you can edit this part // a list of sections that should be collapsed by default for *all users*. // This should be the name of the heading as listed in Mediawiki:Sidebar and is case-sensitive. // For example, if you have '* Character_Classes' and you want that section collapsed, add 'Character_Classes' into the brackets below. // Separate entries with commas and use underscores instead of spaces. // Example list: ['Character_Classes', 'Items', 'External_Links'] // Please DO NOT add navigation or tb into this list, as they are expected functionality. var INITIALLY_COLLAPSED_IDS = []; var MIN_ACTIVATION_WIDTH = 721; //END CONFIG // add the p- onto ids for ease of use, if not present INITIALLY_COLLAPSED_IDS.forEach(function(id, index){ if(!id.startsWith('p-')){ INITIALLY_COLLAPSED_IDS[index] = 'p-' + id; } }); var $portals = $("#mw-panel .vector-menu-portal"); var setup = function(){ $portals.each(function(index, el){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // check if this portal should be collapsed if( // portal is set to be initially collapsed and user has not indicated that they want it open (INITIALLY_COLLAPSED_IDS.includes($id) && localStorage.getItem('sidebar_c_'+$id) != "n") || // or // user has indicated they want this portal collapsed (localStorage.getItem('sidebar_c_'+$id) === "y") ){ $el.addClass('collapsed').find('.vector-menu-content').slideUp(0); } }); } setup(); $(window).on('resize', setup); $portals.on("click", "h3", function(event){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.vector-menu-content').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.vector-menu-content').slideDown('fast'); } }); }); 63d4425138f9c81e8294fbd01a08de9e1f58256a 8 247 271 2025-03-08T07:00:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki '''mpEditLinks''' - Adds edit links to boxes on the main page, and a toggle to remove them. (admin-only) 6d5668f657a721796b8c0e2f93b6c30777bfb03b 8 248 272 2025-03-08T07:00:25Z ARTIFICER 564804 Importing default loadout javascript text/javascript $( function () { if(!document.getElementById('mp-container')) return; var rootpage = document.getElementById('mp-container').dataset['rootpage']; // Get the rootpage passed from the main page module, so we don't need to make an API call /* generate the links here instead of in the wikitext, so that users who can't see them don't have them * in the DOM at all, and screenreaders and search engines don't get confused */ function createLinks(){ $('.mp-box').each(function(_, el){ var params = '?action=edit'; // only add the long preload stuff if the box doesn't exist, for prettier urls if ( $(el).hasClass('missing') ){ // ignore the "Missing ; before statement" error on the next line, I have no idea what it's on about and it still works params += '&preload=Template:Main page box/preload&preloadparams[0]={{subst:' + 'SUBPAGENAME}}' /* subst:subpagename is broken up here so it doesn't resolve as this JS page */ } $('<a></a>', { href: mw.util.getUrl(rootpage + '/' + el.dataset['boxId']) + params, text: 'Edit ' + rootpage + '/' + el.dataset['boxId'] }).appendTo( $('<div></div>', { class: 'mp-edit-link' }).prependTo(el) ); }); } function toggleLinks(){ $('.mp-edit-link').each(function(_, el){ $(el).toggle().css('display none;'); }); } $('<span></span>', { text: 'Toggle edit buttons', class: 'mp-edit-toggle', on: {click: toggleLinks}, }).appendTo($('#top')); createLinks(); }); 5e6dfcbc6eb0fe6cf8d2a864903427f8096fba60 8 249 273 2025-03-08T07:00:26Z ARTIFICER 564804 Importing default loadout css text/css .mp-edit-link { display:block; position:absolute; right:0.5em; top:0.5em; background:var(--wiki-content-background-color); } .mp-edit-link a { display:block; padding:0.1em; border:1px solid var(--wiki-content-link-color); } .mp-edit-link a::before { display:inline-block; content:''; background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/svg%3E"); background-size:contain; width:1em; height:1em; filter:var(--wiki-icon-to-link-filter); vertical-align:text-top; margin-right:0.2em; } b1c240c635d5c7207d35f958031d9eace6324795 8 250 274 2025-03-08T07:00:26Z ARTIFICER 564804 Importing default loadout css text/css /** as of Module:navbox version 1.2.2 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; } .ranger-navbox .center *{ margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header{ text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited{ color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited{ color:var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header{ color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header{ font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited{ color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited{ color:var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color:var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta{ font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv{ --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span{ display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink){ display: none; } .ranger-navbox, .ranger-navbox .ranger-section{ position: relative; } .ranger .mw-collapsible-toggle-placeholder{ display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text{ pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a{ pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow:hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{ top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before{ top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{ top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{ transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after{ display: none; } .ranger-navbox .ranger-list{ width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } .ranger-navbox .ranger-row{ display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup{ --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup{ --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup{ --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup{ --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup{ --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup{ --navbox-group-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap{ background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist{ flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap{ display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd{ background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a{ display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft{ text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter{ text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright{ text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row{ display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{ margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty{ display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align--mobile); white-space: normal; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position:relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br{ display: none; } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{ margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ''; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width)/2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{ position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ''; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist{ line-height: 2; } } /**** `.pill` class: the "pill" style ****/ /* remove middle dots betweem items */ .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill .hlist dd ol::before, .ranger-navbox.pill .hlist dd ul::before, .ranger-navbox.pill .hlist dd dl::before, .ranger-navbox.pill .hlist dt ol::before, .ranger-navbox.pill .hlist dt ul::before, .ranger-navbox.pill .hlist dt dl::before, .ranger-navbox.pill .hlist li ol::before, .ranger-navbox.pill .hlist li ul::before, .ranger-navbox.pill .hlist li dl::before, .ranger-navbox.pill .hlist dd ol::after, .ranger-navbox.pill .hlist dd ul::after, .ranger-navbox.pill .hlist dd dl::after, .ranger-navbox.pill .hlist dt ol::after, .ranger-navbox.pill .hlist dt ul::after, .ranger-navbox.pill .hlist dt dl::after, .ranger-navbox.pill .hlist li ol::after, .ranger-navbox.pill .hlist li ul::after, .ranger-navbox.pill .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill .hlist ul, .ranger-navbox.pill .hlist ol, .ranger-navbox.pill .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill .hlist li, .ranger-navbox.pill .hlist dt, .ranger-navbox.pill .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill .hlist dd:hover, .ranger-navbox.pill .hlist dd:focus, .ranger-navbox.pill .hlist dt:hover, .ranger-navbox.pill .hlist dt:focus, .ranger-navbox.pill .hlist li:hover, .ranger-navbox.pill .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } /**** `.pill-mobile` class: only apply the "pill" style on mobile ****/ @media screen and (max-width: 720px) { /* remove middle dots betweem items */ .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after, .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill-mobile .hlist dd ol::before, .ranger-navbox.pill-mobile .hlist dd ul::before, .ranger-navbox.pill-mobile .hlist dd dl::before, .ranger-navbox.pill-mobile .hlist dt ol::before, .ranger-navbox.pill-mobile .hlist dt ul::before, .ranger-navbox.pill-mobile .hlist dt dl::before, .ranger-navbox.pill-mobile .hlist li ol::before, .ranger-navbox.pill-mobile .hlist li ul::before, .ranger-navbox.pill-mobile .hlist li dl::before, .ranger-navbox.pill-mobile .hlist dd ol::after, .ranger-navbox.pill-mobile .hlist dd ul::after, .ranger-navbox.pill-mobile .hlist dd dl::after, .ranger-navbox.pill-mobile .hlist dt ol::after, .ranger-navbox.pill-mobile .hlist dt ul::after, .ranger-navbox.pill-mobile .hlist dt dl::after, .ranger-navbox.pill-mobile .hlist li ol::after, .ranger-navbox.pill-mobile .hlist li ul::after, .ranger-navbox.pill-mobile .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill-mobile .hlist ul, .ranger-navbox.pill-mobile .hlist ol, .ranger-navbox.pill-mobile .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill-mobile .hlist dd:hover, .ranger-navbox.pill-mobile .hlist dd:focus, .ranger-navbox.pill-mobile .hlist dt:hover, .ranger-navbox.pill-mobile .hlist dt:focus, .ranger-navbox.pill-mobile .hlist li:hover, .ranger-navbox.pill-mobile .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } } /********************* * End Template:Navbox* **********************/ ef53304ec73d1489fe61b0d50ab8f34bd3a07f55 8 251 275 2025-03-08T07:00:26Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css" ], "dependencies": [], "type": "styles" } } f963dd6b5a2853a760cde1687ce7aef46064cd74 8 252 276 2025-03-08T07:00:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki CSS styles for [[Template:Navbox]] fb9cce21116a3ede4ceb9313e018ff4a73010a80 8 253 277 2025-03-08T07:00:27Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with DRUID infoboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variablesEditMe.css", "mainReadonly.css", "customEditMe.css" ], "dependencies": [], "type": "styles" } } 9330c69086411dfc125933c4ec16c1c1411cba5f 8 254 278 2025-03-08T07:00:27Z ARTIFICER 564804 Importing default loadout css text/css /* --------------------------------------------- */ /* Do not edit this file please */ /* You can edit variablesEditMe and customEditMe */ /* --------------------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:var(--druid-secondary-background-color); /* fallback */ background:color-mix(in srgb, var(--druid-secondary-background-color) 75%, transparent); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:var(--druid-link-color); /* fallback */ background:color-mix(in srgb, var(--druid-link-color) 25%, transparent); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid var(--druid-border-color); /* fallback */ border:1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------------------- */ /* Do not edit this file please */ /* You can edit variablesEditMe and customEditMe */ /* --------------------------------------------- */ c43cc0f0e37f1be790c96da24cfc86e3ef2dfe8f 8 255 279 2025-03-08T07:00:28Z ARTIFICER 564804 Importing default loadout css text/css /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ /* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */ :root, .view-light .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } .view-dark .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } 8cf88860d6782aac5b9b65a990d7eddfd5c5c3f2 8 256 280 2025-03-08T07:00:28Z ARTIFICER 564804 Importing default loadout css text/css /* Custom DRUID styles should go here */ 7ecb3c635f03ba714e419c200113f47043f0e358 8 257 281 2025-03-08T07:00:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>This gadget provides styles for {{ml|Infobox}}. You can customize: * [[MediaWiki:Gadgets/druid/variablesEditMe.css]] - to customize the built-in variables (e.g. if you want to make the color of your infobox not match the wiki accent color). This file will load '''first''' out of all of the DRUID CSS files. * [[MediaWiki:Gadgets/druid/customEditMe.css]] - to otherwise customize DRUID (e.g. if you want to change the padding, or add a border image, something that's not supported through variables. This file will load '''last''' out of all of the DRUID CSS files, so all rules here will overwrite rules in [[MediaWiki:Gadgets/druid/mainReadonly.css]] with equal specificity. Please do NOT modify [[MediaWiki:Gadgets/druid/mainReadonly.css]]!! That page may be updated by wiki.gg staff via script, and the updates will not function if you modify it. More documentation can be found at [[support:DRUID infoboxes|DRUID infoboxes]]<!-- --></includeonly><noinclude>This is the documentation page for [[{{#titleparts:{{FULLPAGENAME}}|-1}}]].</noinclude> 2813eb77787e37161b0ed7e4e85c9f5f2d7ad92e 8 258 282 2025-03-08T07:00:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Styles for DRUID infoboxes f4682c7f41261c8e03e387525ed1e9ef7d186970 8 259 283 2025-03-08T07:00:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki You have followed a link to a page that does not exist yet. To create the page, start typing in the box below (see the [$1 help page] for more info). If you are here by mistake, click your browser's <strong>back</strong> button. 778f9ef242eb3058ef30ed3325b901adb762a2af 8 260 284 2025-03-08T07:00:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See also: [[Special:Gadgets]] for a list of all installed gadgets, formatted in a friendly way. {{Special:PrefixIndex/MediaWiki:Gadgets}} 14815d26ea4ae878b5e77e1781eeb35cd742ad2c 8 261 285 2025-03-08T07:00:30Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with DRUID infoboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } d4da562d147d5e170ac9e173263c942bf5e95fc4 8 262 286 2025-03-08T07:00:30Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function () { $(".druid-title-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-section-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-section-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click") .on('click', function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ 64871298384969164066e52f9dca4713c88fb27e 8 263 287 2025-03-08T07:00:30Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with Discord embeds" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } 26345071050df479fe715e462d8b8b1f449bc790 8 264 288 2025-03-08T07:00:31Z ARTIFICER 564804 Importing default loadout javascript text/javascript /** * DiscordCompact.js * ---------------------- * A very simple script to display a Discord widget. * Version 0.0.2 * https://support.wiki.gg/wiki/DiscordCompact * ---------------------- */ $(function() { var widget = $("#content #discord-compact-widget"); // Bail out if we didn't find a widget. if (!widget.length) return; var id = widget.attr("data-id"); // Ensure that the id is not blank. if (id === "") throw new Error("DiscordCompact has a blank server id!"); // Ensure that the id consists only of numbers and is at least 17 characters long. if (!new RegExp("^[0-9]{17}[0-9]+$").test(id)) throw new Error("DiscordCompact has an invalid server id!"); var apiBase = "https://discord.com/api/guilds/" + id; // Get some information about the server, such as online member count and invite url. // This also tells us if the server exists or has widgets disabled, so we look out for that too. $.ajax(apiBase + "/widget.json").fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status); switch (req.responseJSON.code) { case 10004: throw new Error("DiscordCompact has a valid server id, but no such server exists!"); case 50004: throw new Error("DiscordCompact has a valid server id, but that server has widgets disabled!"); default: throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status + "; code: " + req.responseJSON.code + ")"); } }).done(function(res){ const inviteURL = res.instant_invite; // Warn if we can't get an invite URL. if (inviteURL == null) console.warn("DiscordCompact cannot get an invite URL; does this server have an invite channel set in Widget settings?"); // Now get the widget image. $.ajax({url: apiBase + "/widget.png?style=banner2", xhrFields: {responseType: "blob"}}).fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status); throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status + "; code: " + req.responseJSON.code + ")"); }).done(function(blob){ // Convert the image data into base64. This prevents us having to make the client request it a second time. const imageReader = new FileReader(); imageReader.readAsDataURL(blob); imageReader.onloadend = function() { const b64Data = imageReader.result; // Replace the widget with an <a> tag widget.replaceWith(function() { return $("<a>", { id: widget.attr("id"), class: widget.attr("class"), style: widget.attr("style"), alt: "Discord server widget", href: inviteURL }); }); // We need to grab the widget again to update it. widget = $("#discord-compact-widget"); // Setup the CSS so that the image is displayed. widget.css("display", "block"); widget.css("max-height", "76px"); widget.css("max-width", "320px"); // Create the image. const widgetImage = document.createElement("img"); widgetImage.src = b64Data; widgetImage.style.width = "100%"; widgetImage.style.height = "100%"; widgetImage.style.borderRadius = "5px"; widget.append(widgetImage); // Prevent image dragging. widget.on("dragstart", function(e) { e.preventDefault(); }); // We're done here. console.log("DiscordCompact loaded successfully!"); } }); }); }); /** * based on https://dev.fandom.com/wiki/MediaWiki:DiscordIntegrator/code.js * * used by other wikis. */ $(function() { 'use strict'; var mconfig = mw.config.get([ 'wgContentLanguage', 'wgUserLanguage', 'wgUserName' ]); if (window.DiscordIntegratorLoaded) { return; } window.DiscordIntegratorLoaded = true; /** * Main object * @static */ var DiscordIntegrator = { /** * Initializing */ init: function() { mw.hook('wikipage.content').add($.proxy(this.insertToContent, this)); }, /** * Finding the designated places in content * in which to place the widget and placing it */ insertToContent: function($content) { $content.find('.DiscordIntegrator:not(.loaded)').each($.proxy(function(cabbage, el) { el = $(el); el.html(this.generateContent(el.data())).addClass('loaded'); }, this)); }, /** * Determines the theme of the widget. * @param {string} config Configured theme * @return {string} 'light' or 'dark' depending on the wiki theme and configuration */ determineTheme: function(config) { // If explicitly configured to light or dark. if (config === 'dark') { return 'dark'; } if (config === 'light') { return 'light'; } /** If not configured **/ // try to determine based on wiki theme (set by themeToggle): var clas = $(':root').attr('class'); var regex = /(^|\s)theme-(\w+)(\s|$)/; var match = clas.match(regex); if(match){ var wikiThemeName = match[2]; if(typeof(config) === 'object' && config !== null){ //with json theme config if(config[wikiThemeName]){ return config[wikiThemeName]; } } if(wikiThemeName === 'light'){ return 'light'; } if(wikiThemeName === 'dark'){ return 'dark'; } } // Otherwise, default to dark. return 'dark'; }, /** * Generating widget content from an object * @return {string} Content of the widget */ generateContent: function(config) { if (!config.id || !String(config.id).match(/\d{17,19}/)) { return "Error: ID of the widget is malformed or not supplied, please see <a href='https://support.wiki.gg/wiki/DiscordWidget' title='the instructions'>the instructions</a> for how to find your server's ID. Please make sure you are not inserting <strong>the DiscordIntegrator template</strong> when asked for <strong>your widget ID</strong>."; } if ( ( config.loggedIn === true || Boolean(config['logged-in']) === true && config['logged-in'] !== 'false' && config['logged-in'] !== '{{{loggedIn}}}' ) && !mconfig.wgUserName ) { return "Please <a href='/Special:UserLogin' title='log in'>log in</a> to see this widget."; } var username = config.username === '@disabled' ? '' : config.username === '@function' && typeof window.DiscordIntegratorGetUsername === 'function' ? window.DiscordIntegratorGetUsername() : config.username || mconfig.wgUserName; return mw.html.element('iframe', { src: 'https://discord.com/widget?id=' + config.id + '&theme=' + this.determineTheme(config.theme) + '&username=' + encodeURIComponent(username), width: config.width || '100%', height: config.height || '400px', allowtransparency: 'true', frameborder: '0', title: "Discord server widget" }); } }; DiscordIntegrator.init(); }); 1e1fd5704120cf67e15a757bd964c7295bdb464e 8 265 289 2025-03-08T07:00:31Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ 828 ], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } 1d5751932dff73903d785b315e73fcfdc6ef991c 8 266 290 2025-03-08T07:00:31Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); dc09796545586723653a906ae1fed87411f49536 8 267 291 2025-03-08T07:00:32Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* End Template:Spoiler */ 0bb4d410c8836eeba5aac76beaafb0468f4c3c13 8 268 292 2025-03-08T07:00:32Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with spoilers" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } 72aeac0d43a97aa9c42448758d3f55decf1ffcf1 8 269 293 2025-03-08T07:00:32Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [ "edit" ], "categories": [], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } b74c14d9faecae984153b01a79752d8724e76df7 8 270 294 2025-03-08T07:00:33Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function() { $('.mw-charinsert-item').each(function() { $(this).text($(this).closest('div').attr('data-ci-label')); $(this).css('display', 'inline-block'); }); $('.ci-loading-text').css('display','none'); }); daabc4b17b7729432f5c146630a0715a7abc13e9 8 271 295 2025-03-08T07:00:34Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [ "css" ], "rights": [ "editinterface" ] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } 8cc42b8770dbeb822c3b436edba7cf18c138d12c 8 272 296 2025-03-08T07:00:34Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function() { if (mw.config.get('wgPageName') != "MediaWiki:Common.css") return; mw.loader.load( 'https://commons.wiki.gg/load.php?lang=en&modules=ext.gadget.themeColorEditorScript&skin=vector&maxage=360&smaxage=360' ) }); a6d1c6789815c3c323c2afd84def2c1ca23d5efe 8 273 297 2025-03-08T07:00:35Z ARTIFICER 564804 Importing default loadout css text/css .ranger-navbox{ --navbox-background: none; /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/ --navbox-pill-gap: 0.3em; --navbox-pill-padding: 0.25em 0.75em; --navbox-pill-border-radius: 3px; --navbox-pill-box-shadow: none; --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color); --navbox-pill-background--hover: var(--navbox-pill-background); --navbox-pill-selflink-background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);/* background of pills with selflink in them */ /* remove list cell background */ --navbox-list-background: none; --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent); } .ranger-navbox.no-underline-title-links{ --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border{ --navbox-padding: 0px; --navbox-outer-border-width: 0px; } /****************************** * Fallback for older browsers * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .ranger-navbox { --navbox-above-background: var(--wiki-content-background-color--secondary); --navbox-list-background: transparent; --navbox-list-background--striped: var(--wiki-content-background-color--secondary); --navbox-group-background: var(--wiki-content-background-color--secondary); --navbox-tree-line-color：var(--wiki-content-background-color--secondary); } .ranger-navbox.pill, .ranger-navbox.pill-mobile { --navbox-pill-background: var(--wiki-content-background-color--secondary); --navbox-list-background--striped: transparent; --navbox-pill-selflink-background: var(--wiki-content-background-color--secondary); } } /*************** * End fallback * ****************/ 2985752c4b0bc7060fe0ea7d07e19bfbdd1d3232 6 274 298 2025-03-18T15:16:39Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|CC-BY-SA}} a8a18143c57803656363cb1235f180f2ed750b0c 6 275 299 2025-03-18T15:16:40Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|CC-BY-SA}} a8a18143c57803656363cb1235f180f2ed750b0c 6 276 300 2025-03-18T15:16:41Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|CC-BY-SA}} a8a18143c57803656363cb1235f180f2ed750b0c 6 277 301 2025-03-18T15:16:41Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|CC-BY-SA}} a8a18143c57803656363cb1235f180f2ed750b0c 6 278 302 2025-03-18T15:16:42Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|CC-BY-SA}} a8a18143c57803656363cb1235f180f2ed750b0c 6 279 303 2025-03-18T15:16:43Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|CC-BY-SA}} a8a18143c57803656363cb1235f180f2ed750b0c 0 8 304 15 2025-03-18T15:20:21Z Siege 584755 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-4"> * {{MP link|Discord|link=https://discord.gg/fegXTwGEtA|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/reavevr.bsky.social|image=Bluesky.svg|size=64x64px}} * {{MP link|X|link=https://x.com/Reave_VR|image=X.svg|size=64x64px}} * {{MP link|Facebook|link=https://www.facebook.com/ReaveVR|image=Facebook.svg|size=64x64px}} * {{MP link|Instagram|link=https://www.instagram.com/reave_vr/|image=Instagram.svg|size=64x64px}} * {{MP link|YouTube|link=https://www.youtube.com/@ReaveVR|image=YouTube.svg|size=64x64px}} * {{MP link|TikTok|link=https://www.tiktok.com/@ReaveVR|image=TikTok.svg|size=64x64px}} * {{MP link|Reddit|link=https://www.reddit.com/r/Reave/|image=Reddit.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 1633a5215e87f3b44a4f145ab68bee9a4ecc397b 332 304 2025-03-19T19:39:07Z MattN 585119 Updated Social Media Icons wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-4"> * {{MP link|Discord|link=https://discord.gg/fegXTwGEtA|image=Reave_Discord.png|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/reavevr.bsky.social|image=Reave_BSky.png|size=64x64px}} * {{MP link|X|link=https://x.com/Reave_VR|image=Reave_x.png|size=64x64px}} * {{MP link|Facebook|link=https://www.facebook.com/ReaveVR|image=Reave_FB.png|size=64x64px}} * {{MP link|Instagram|link=https://www.instagram.com/reave_vr/|image=Reave_Insta.png|size=64x64px}} * {{MP link|YouTube|link=https://www.youtube.com/@ReaveVR|image=Reave_YT.png|size=64x64px}} * {{MP link|TikTok|link=https://www.tiktok.com/@ReaveVR|image=Reave_TT.png|size=64x64px}} * {{MP link|Reddit|link=https://www.reddit.com/r/Reave/|image=Reave_Reddit.png|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 18977b3f3f357138a3e8e82c6b43f5e00a322503 0 6 305 11 2025-03-18T15:30:35Z Siege 584755 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on Discord, and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 23872c5285449c8452566b68fa3e84c784e19609 4 280 306 2025-03-18T15:45:39Z Siege 584755 Created page with "A placeholder for all enemies. They will ideally link to individual pages for each enemy." wikitext text/x-wiki A placeholder for all enemies. They will ideally link to individual pages for each enemy. 4b0c79aa99f20376683ae94db97e512b449103d1 0 282 308 2025-03-18T15:48:13Z Siege 584755 Created page with "A placeholder for armor. Double check if we are going with the American or British spelling." wikitext text/x-wiki A placeholder for armor. Double check if we are going with the American or British spelling. 9e507b2db32ca0e358ab0503ff324755481b216a 4 283 309 2025-03-18T15:49:20Z Siege 584755 Created page with "A placeholder for things like potions and apples." wikitext text/x-wiki A placeholder for things like potions and apples. f1e2a8e3d699171ebea13ad36d0e95000bb363f5 6 284 310 2025-03-19T12:01:21Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 8 228 311 252 2025-03-19T12:04:22Z MattN 585119 Removed Light Mode wikitext text/x-wiki * dark[bundled|kind=dark] 4fbaba7362f3652f7460bb5fc85bef302220672b 6 285 312 2025-03-19T12:08:22Z MattN 585119 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 314 312 2025-03-19T12:09:50Z MattN 585119 Protected "[[File:Site-favicon.ico]]": Part of skin ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 316 314 2025-03-19T12:10:26Z MattN 585119 Changed protection settings for "[[File:Site-favicon.ico]]": Part of skin ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) [cascading] wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 286 313 2025-03-19T12:09:33Z MattN 585119 Main Wiki Logo wikitext text/x-wiki == Summary == Main Wiki Logo == Licensing == {{License|game}} 320708b840282b8a562440cad36d315af8327853 315 313 2025-03-19T12:10:01Z MattN 585119 Protected "[[File:Site-logo.png]]": Part of skin ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki == Summary == Main Wiki Logo == Licensing == {{License|game}} 320708b840282b8a562440cad36d315af8327853 323 315 2025-03-19T15:37:36Z MattN 585119 MattN uploaded a new version of [[File:Site-logo.png]] wikitext text/x-wiki == Summary == Main Wiki Logo == Licensing == {{License|game}} 320708b840282b8a562440cad36d315af8327853 8 226 317 250 2025-03-19T12:14:47Z MattN 585119 Added top header logo to stylesheet css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1608; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 500; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 110px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } 11eeb7a85914c4bc4fe3561f5b2de0c5d53da6c3 318 317 2025-03-19T12:16:01Z MattN 585119 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1200; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 507; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 320px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } e01aa405cb8bc03bd8a8c9fcda8b9c3fcef6452d 319 318 2025-03-19T12:17:08Z MattN 585119 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1200; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 507; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 240px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } cbf52c851f4e1193f3f5432da919da0b0d2098a1 337 319 2025-03-19T19:56:32Z MattN 585119 Reverted edits by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ e8e3e22802db0d2fb9ada154fd912b77a5ba9c53 343 337 2025-03-19T20:04:08Z MattN 585119 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1608; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 500; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 110px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } 11eeb7a85914c4bc4fe3561f5b2de0c5d53da6c3 344 343 2025-03-19T20:05:25Z MattN 585119 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1208; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 490; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 220px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 6px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } fa1ab3fb3c03155c9eb8f5b407e8e4470e8827f8 347 344 2025-03-19T20:15:10Z MattN 585119 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ e8e3e22802db0d2fb9ada154fd912b77a5ba9c53 8 227 320 251 2025-03-19T12:18:40Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ d7532b628c92a7ef4d8704fc181b4629bf5f41f6 321 320 2025-03-19T12:21:33Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */--wiki-content-border-color /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #aaaba8; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 7119dd03ca08bdb7b824b9a929dd00938bb4316f 322 321 2025-03-19T12:23:34Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */--wiki-content-border-color /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #aaaba8; --wiki-content-link-color: #866e66; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 29a002d3d6dff1d82d0aaa5bb8bcc99a9539ed41 333 322 2025-03-19T19:40:50Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */--wiki-content-border-color /* start design variables */ --wiki-sidebar-border-radius:50px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:12px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #aaaba8; --wiki-content-link-color: #866e66; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 832c7757c7a9446952686c839689a1b9180d7c8c 334 333 2025-03-19T19:53:07Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */--wiki-content-border-color /* start design variables */ --wiki-sidebar-border-radius:150px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:20px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #aaaba8; --wiki-content-link-color: #866e66; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:center; display:flex; flex-flow:column nowrap; width: calc(50% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:150px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 5810df2cf402cb7ff3d317bf84b49b9cdb9b9f54 335 334 2025-03-19T19:54:35Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */--wiki-content-border-color /* start design variables */ --wiki-sidebar-border-radius:15px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:20px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #aaaba8; --wiki-content-link-color: #866e66; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,1fr 0fr 1fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:center; display:flex; flex-flow:column nowrap; width: calc(1000% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:50px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 23a12e5238e31a2ef180b486bfed4b42404eddd4 336 335 2025-03-19T19:55:36Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */--wiki-content-border-color /* start design variables */ --wiki-sidebar-border-radius:15px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:20px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://i.imgur.com/nI85vg2.jpeg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #aaaba8; --wiki-content-link-color: #866e66; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,1fr 2fr 1fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(1000% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 46357868ffd8e80fc0de109421e628e469498269 338 336 2025-03-19T19:56:57Z MattN 585119 Reverted edits by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 22b9658e046977a69fb8e43f13ba099034dd3aa6 340 338 2025-03-19T19:58:45Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 3931af24f5d7428c63e48d009815ca11e93e5d83 341 340 2025-03-19T20:00:10Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://reave.wiki.gg/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ a93e8fec12cd86d00c1e5c2fce75f09a7533fc49 342 341 2025-03-19T20:01:42Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(https://reave.wiki.gg/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #a7a6a8; --wiki-content-link-color: #a57d74; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 43e144bbeec63ee623b026778038649bc52b5aba 345 342 2025-03-19T20:12:12Z MattN 585119 css text/css /******************************************************************************* * * * COMMON.CSS * Base code from https://terraria.wiki.gg/wiki/MediaWiki:Common.css * * * *******************************************************************************/ /* * This page contains the stylesheet for the Farming Sim Wiki. * * For the stylesheets of the different themes, see: * - [[MediaWiki:Theme-light.css]] * - [[MediaWiki:Theme-fs25.css]] * - [[MediaWiki:Theme-fs22.css]] * - [[MediaWiki:Theme-fs19.css]] * - [[MediaWiki:Theme-fs17.css]] * */ :root { --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ .responsive-image { max-width: 100%; height:auto; } * { outline: 0; } ul { list-style-image: none; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-secondary-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: white; } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: black; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 16em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/jquery/jquery.makeCollapsible.less */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default:active .mw-collapsible-text { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes, e.g. when previewing a page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/messageBoxes.less */ /* ".{message|error|warning|success}box" are deprecated as of MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/jquery.spinner/spinner.less */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: #1F1F1F; } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * -------------------------------------------------------------------------------- */ :root { --color-base: var(--theme-text-color); --color-progressive:var(--theme-link-color); } /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--theme-third-color); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: #4a4d53; } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } .tabber__panel { overflow-x: unset; } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 2px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /* Thumbnail background color */ html .thumbimage { background-color: #0b0029; } /********* Gallery *********/ .thumbinner { border-radius: 5px; background-color: transparent; } li.gallerybox div.thumb { border-radius: 5px; border-width: thin; background-color: transparent; border-color: var(--pi-secondary-background); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; background: none; } .mw-gallery-traditional .thumb a { display: block; } /* PDF Embeds, base code by https://palia.wiki.gg/ */ iframe.pdf-embed { max-width: 100%; max-height: calc(100vh - 60px); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #1a1a1a url(/images/c/c3/Site_background_crops.png) center top / cover no-repeat fixed; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 200px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; --theme-secondary-color: #A0C213; --theme-secondary-color--rgb: rgb(160, 194, 19); --theme-third-color: #A0C213; --theme-third-color--rgb: 1, 98, 245; --theme-third-color--rgba: 1, 98, 245, 1; --theme-navbox-color-one: #0e191a; --theme-navbox-color-two: #131e1e; /* content background */ --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-content-background-color--rgb: 21, 34, 37; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ /*--theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; */ --theme-top-background: none; --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: 0px; /* top */ /* text color */ /* main text color */ --theme-text-color: #eae3d1; --theme-text-color--rgb: 14,25,26; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: white; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(160,194,19,0.70); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(26,26,26,0.90); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: var(--theme-secondary-color); /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: var(--theme-secondary-color); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(0,205,208, 0.80); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #121C1E; --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: var(--theme-secondary-color); /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #121C1E; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: var(--theme-third-color); --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-right: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-right--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #0c0c10; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /******** Add-ons ********/ /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } .license-box-text::before { content: "©"; color: #AAA; float: left; font-size: 3em; line-height:100%; padding-right: 5px; padding-bottom: 2px; } /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } /************ * Social for Main Page * Code adopted from https://dotage.wiki.gg/wiki/MediaWiki:Common.css by Skeleklin *************/ .gg-section { max-width: 50%; padding: 0 2rem 2rem 2rem; border-radius: 10px; } .gg-section .content { margin: 0; } .gg-social { padding: 1em 2em 2em 2em; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; color: rgba(255,255,255,0.8); display: flex; align-items: center; gap: 2em; margin-bottom: 2em; max-width: max-content; } .gg-social img { height: 50px; width: auto; } .gg-social a { color: #fff !important; } .gg-social.discord { background: #7289DA; } .gg-social.twitter { background: #56bbf9; } .gg-social.steam { background: #1b2838; } .card { min-width: 200px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: box-shadow 0.15s, transform 0.2s; background: #ffffffa3; } .card:hover { box-shadow: rgba(0,0,0,0.16) 0px 1px 13px; transform: translate(0, -5px); } .card__top { height: 100px; overflow: hidden; position: relative; } .card__top pre { padding: 0; margin: 0; background: none; } .card__top a { position: absolute; left: 0; } .card h2 { border: none; font-size: 1.5em; margin: 0; padding: 1em; } .gg-container { display: flex; width: 100%; gap: 1em; margin-top: 4em; } .gg-box { color: white; position: relative; margin-bottom: 50px; width: 200px; } .gg-box__header { font-family: "Vinque"; font-size: 1.5em; color: #36363d; background: var(--content-bg); /* margin-bottom: -9px; */ position: absolute; top: -34px; padding: 0.25em 0.5em; border-radius: 8px; border-bottom-left-radius: 0; } .gg-box__content { padding: 1em 0.5em 0.5em; background: #4c682fb3; border-radius: 8px; border: 2px solid #23253766; } .gg-content__item { padding: 0.25em 0.5em; background: #534d26db; border-radius: 5px; margin-bottom: 0.25em; } .gg-content__item a, .da-content__item a.new { color: #fff; } /** Border Color Style **/ .dlcimg img { margin-left: -15px; margin-top: -20px; margin-bottom: -30px; } .borderimg img { -webkit-filter: drop-shadow(0px 0px 10px #FFF); filter: drop-shadow(0px 0px 3.5px #FFF) drop-shadow(0.5px 0.5px 0.5px #FFF); } .borderimg2 img { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(0.5px 0.5px 0.5px #000); } /* Nav templates */ .navtemplate { border:1px solid var(--wiki-accent-color); } .navtemplate tr:nth-child(even) { background:var(--wiki-content-background-color--secondary); } .navtemplate th { border:1px solid var(--wiki-content-border-color); } /* end nav old templates */ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--theme-page-base-background); border: 1px solid var(--theme-mbox-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--theme-mbox-border-color); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--theme-page-base-background); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--theme-link-color-hover); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { background: #0002; border: 1px solid var(--theme-secondary-color); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /************ * Main Page * *************/ .MPheading { font-size: 2em; font-weight: 800; text-align: center; background:0 0; background-image: linear-gradient(to right,rgba(var(--theme-text-color--rgb),0) 0,var(--theme-text-color--rgb) 33%,var(--theme-text-color--rgb) 66%,rgba(var(--theme-text-color--rgb),0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; } .page-Main_Page .mw-parser-output .gallery { text-align: center; margin: 10px 0; } .mp-box { border:1px solid white; margin:10px 0; padding:5px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 10px; gap:5px; } .mp-links > ul > li { display:flex; flex-flow:row nowrap; align-items:center; text-align:center; justify-content:center; box-sizing:border-box; flex:max(calc(50% - 5px),5em) 1 1; border:1px solid var(--theme-link-color); background-color:rgba(var(--theme-text-color--rgb),0.05); font-size:115%; font-weight:bold; text-transform:uppercase; border-radius:3px } .mp-links.columns-1 > ul > li {flex: max(calc(100% - 5px), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - 5px), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc(33% - 5px), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - 5px), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - 5px), 5em) 1 1;} .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); outline:2px solid var(--wiki-content-border-color); } .mp-links > ul > li > a { display:flex; align-items:center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { justify-content:right; } .mp-links > ul > li > a:only-child { justify-content:center; } @media screen and (min-width: 1080px){ .page-Main_Page .mw-parser-output { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .mainpage-left { width: calc(100% - 550px); } .mainpage-right { width: 500px; } } /************ * Infoboxes * *************/ :root { --pi-background: #0e191a; --pi-secondary-background: var(--theme-third-color); --pi-secondary-background--rgb: 0,0,0; --pi-secondary-background-label: #FFFFFF; --pi-border-color: rgba(var(--theme-third-color--rgb),0.5); --pi-width: 300px; } .portable-infobox { border:1px solid var(--pi-border-color); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); color:var(--pi-secondary-background-label); } .portable-infobox, .portable-infobox .pi-title { border-radius: 2px; } .portable-infobox .pi-header { padding: 0.5em; font-size: 1.2em; } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); border-bottom: none; border-top-width: 1px; border-top-style: solid; } .pi-horizontal-group-item, .portable-infobox .pi-secondary-background.pi-navigation, .pi-panel-scroll-wrapper, .pi-media-collection-tabs { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .pi-tab-link.current, .pi-section-tab.pi-section-active .pi-section-label { color: var(--pi-secondary-background-label); } .portable-infobox .pi-collapse .pi-header { cursor: pointer; } /* if an image is the full original width, make it the full actual width */ .pi-image-thumbnail[width="270"] { width: var(--pi-width); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: var(--heading-font-family); font-weight: 700; margin: 0; } .portable-infobox .pi-secondary-background.pi-navigation { text-align: center; } @media screen and (max-width: 720px){ .portable-infobox { font-size: 0.85em; } } /**************** * End infoboxes * *****************/ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--wiki-accent-color--hover); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--wiki-content-border-color); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--wiki-content-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--wiki-content-text-mix-color); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { font: status-bar; margin: 5px; background: #0002; border: 1px solid var(--pi-secondary-background); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /******************* * Navboxes *******************/ /* * CSS Vars * */ .navbox { --navbox-bg-color: var(--oouihelper--themerelated-disabled-transparent); --navbox-text-color: var(--theme-text-color); --navbox-title-color: rgb(18,27,29); --navbox-header-color: rgb(18,27,29); --navbox-alt-color: var(--theme-navbox-color-one); --navbox-border-color: var(--theme-secondary-color); } .navbox { width: 100%; background: var(--navbox-bg-color, white); color: var(--navbox-text-color, black); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color, #AAA); } .navbox-title, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } /* Even row striping */ .navbox-even { background: var(--theme-navbox-color-two); color: #000; } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-bg-color, white); } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: var(--navbox-header-color, #DDF); text-align: center; } .navbox .navbox-image { background: var(--navbox-bg-color, white); text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: center; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color, white); } .navbox-image-right { border-left: 2px solid var(--navbox-bg-color, white); } .navbox .navbox-list { background: var(--oouihelper--themerelated-disabled-transparent); color: var(--navbox-text-color, black); width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: var(--navbox-alt-color, #F7F7F7); } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; } 63451d3f0d7eb828b867fe19ec902e6b3d610f85 348 345 2025-03-19T20:23:29Z MattN 585119 css text/css /******************************************************************************* * * * COMMON.CSS * Base code from https://terraria.wiki.gg/wiki/MediaWiki:Common.css * * * *******************************************************************************/ /* * This page contains the stylesheet for the Farming Sim Wiki. * * For the stylesheets of the different themes, see: * - [[MediaWiki:Theme-light.css]] * - [[MediaWiki:Theme-fs25.css]] * - [[MediaWiki:Theme-fs22.css]] * - [[MediaWiki:Theme-fs19.css]] * - [[MediaWiki:Theme-fs17.css]] * */ :root { --wikigg-header-height-min: 85px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 200px; /* width of side navbar, without gap */ --layout-sidespace: 50px; /* whitespace width on most left and most right */ --layout-footerspace: 50px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ .responsive-image { max-width: 100%; height:auto; } * { outline: 0; } ul { list-style-image: none; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-secondary-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: white; } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: black; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 16em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/jquery/jquery.makeCollapsible.less */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default:active .mw-collapsible-text { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes, e.g. when previewing a page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/messageBoxes.less */ /* ".{message|error|warning|success}box" are deprecated as of MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/jquery.spinner/spinner.less */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: #1F1F1F; } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * -------------------------------------------------------------------------------- */ :root { --color-base: var(--theme-text-color); --color-progressive:var(--theme-link-color); } /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--theme-third-color); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: #4a4d53; } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } .tabber__panel { overflow-x: unset; } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 2px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /* Thumbnail background color */ html .thumbimage { background-color: #0b0029; } /********* Gallery *********/ .thumbinner { border-radius: 5px; background-color: transparent; } li.gallerybox div.thumb { border-radius: 5px; border-width: thin; background-color: transparent; border-color: var(--pi-secondary-background); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; background: none; } .mw-gallery-traditional .thumb a { display: block; } /* PDF Embeds, base code by https://palia.wiki.gg/ */ iframe.pdf-embed { max-width: 100%; max-height: calc(100vh - 60px); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #1a1a1a url(images/e/e2/Reave_BG.jpg?76f65b&format=original) center top / cover no-repeat fixed; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 200px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; --theme-secondary-color: #92776f; --theme-secondary-color--rgb: rgb(146, 119, 111); --theme-third-color: #92776f; --theme-third-color--rgb: 1, 98, 245; --theme-third-color--rgba: 1, 98, 245, 1; --theme-navbox-color-one: #1a1a1a; --theme-navbox-color-two: #1f1f1f; /* content background */ --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-content-background-color--rgb: 38, 38, 38; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ /*--theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; */ --theme-top-background: none; --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: 0px; /* top */ /* text color */ /* main text color */ --theme-text-color: #ebebeb; --theme-text-color--rgb: 235,235,235; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: white; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(160,194,19,0.70); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(26,26,26,0.90); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: var(--theme-secondary-color); /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: var(--theme-secondary-color); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(0,205,208, 0.80); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #121C1E; --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: var(--theme-secondary-color); /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #121C1E; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: var(--theme-third-color); --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-right: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-right--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #0c0c10; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /******** Add-ons ********/ /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } .license-box-text::before { content: "©"; color: #AAA; float: left; font-size: 3em; line-height:100%; padding-right: 5px; padding-bottom: 2px; } /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } /************ * Social for Main Page * Code adopted from https://dotage.wiki.gg/wiki/MediaWiki:Common.css by Skeleklin *************/ .gg-section { max-width: 50%; padding: 0 2rem 2rem 2rem; border-radius: 10px; } .gg-section .content { margin: 0; } .gg-social { padding: 1em 2em 2em 2em; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; color: rgba(255,255,255,0.8); display: flex; align-items: center; gap: 2em; margin-bottom: 2em; max-width: max-content; } .gg-social img { height: 50px; width: auto; } .gg-social a { color: #fff !important; } .gg-social.discord { background: #7289DA; } .gg-social.twitter { background: #56bbf9; } .gg-social.steam { background: #1b2838; } .card { min-width: 200px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: box-shadow 0.15s, transform 0.2s; background: #ffffffa3; } .card:hover { box-shadow: rgba(0,0,0,0.16) 0px 1px 13px; transform: translate(0, -5px); } .card__top { height: 100px; overflow: hidden; position: relative; } .card__top pre { padding: 0; margin: 0; background: none; } .card__top a { position: absolute; left: 0; } .card h2 { border: none; font-size: 1.5em; margin: 0; padding: 1em; } .gg-container { display: flex; width: 100%; gap: 1em; margin-top: 4em; } .gg-box { color: white; position: relative; margin-bottom: 50px; width: 200px; } .gg-box__header { font-family: "Vinque"; font-size: 1.5em; color: #36363d; background: var(--content-bg); /* margin-bottom: -9px; */ position: absolute; top: -34px; padding: 0.25em 0.5em; border-radius: 8px; border-bottom-left-radius: 0; } .gg-box__content { padding: 1em 0.5em 0.5em; background: #4c682fb3; border-radius: 8px; border: 2px solid #23253766; } .gg-content__item { padding: 0.25em 0.5em; background: #534d26db; border-radius: 5px; margin-bottom: 0.25em; } .gg-content__item a, .da-content__item a.new { color: #fff; } /** Border Color Style **/ .dlcimg img { margin-left: -15px; margin-top: -20px; margin-bottom: -30px; } .borderimg img { -webkit-filter: drop-shadow(0px 0px 10px #FFF); filter: drop-shadow(0px 0px 3.5px #FFF) drop-shadow(0.5px 0.5px 0.5px #FFF); } .borderimg2 img { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(0.5px 0.5px 0.5px #000); } /* Nav templates */ .navtemplate { border:1px solid var(--wiki-accent-color); } .navtemplate tr:nth-child(even) { background:var(--wiki-content-background-color--secondary); } .navtemplate th { border:1px solid var(--wiki-content-border-color); } /* end nav old templates */ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--theme-page-base-background); border: 1px solid var(--theme-mbox-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--theme-mbox-border-color); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--theme-page-base-background); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--theme-link-color-hover); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { background: #0002; border: 1px solid var(--theme-secondary-color); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /************ * Main Page * *************/ .MPheading { font-size: 2em; font-weight: 800; text-align: center; background:0 0; background-image: linear-gradient(to right,rgba(var(--theme-text-color--rgb),0) 0,var(--theme-text-color--rgb) 33%,var(--theme-text-color--rgb) 66%,rgba(var(--theme-text-color--rgb),0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; } .page-Main_Page .mw-parser-output .gallery { text-align: center; margin: 10px 0; } .mp-box { border:1px solid white; margin:10px 0; padding:5px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 10px; gap:5px; } .mp-links > ul > li { display:flex; flex-flow:row nowrap; align-items:center; text-align:center; justify-content:center; box-sizing:border-box; flex:max(calc(50% - 5px),5em) 1 1; border:1px solid var(--theme-link-color); background-color:rgba(var(--theme-text-color--rgb),0.05); font-size:115%; font-weight:bold; text-transform:uppercase; border-radius:3px } .mp-links.columns-1 > ul > li {flex: max(calc(100% - 5px), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - 5px), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc(33% - 5px), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - 5px), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - 5px), 5em) 1 1;} .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); outline:2px solid var(--wiki-content-border-color); } .mp-links > ul > li > a { display:flex; align-items:center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { justify-content:right; } .mp-links > ul > li > a:only-child { justify-content:center; } @media screen and (min-width: 1080px){ .page-Main_Page .mw-parser-output { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .mainpage-left { width: calc(100% - 550px); } .mainpage-right { width: 500px; } } /************ * Infoboxes * *************/ :root { --pi-background: #0e191a; --pi-secondary-background: var(--theme-third-color); --pi-secondary-background--rgb: 0,0,0; --pi-secondary-background-label: #FFFFFF; --pi-border-color: rgba(var(--theme-third-color--rgb),0.5); --pi-width: 300px; } .portable-infobox { border:1px solid var(--pi-border-color); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); color:var(--pi-secondary-background-label); } .portable-infobox, .portable-infobox .pi-title { border-radius: 2px; } .portable-infobox .pi-header { padding: 0.5em; font-size: 1.2em; } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); border-bottom: none; border-top-width: 1px; border-top-style: solid; } .pi-horizontal-group-item, .portable-infobox .pi-secondary-background.pi-navigation, .pi-panel-scroll-wrapper, .pi-media-collection-tabs { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .pi-tab-link.current, .pi-section-tab.pi-section-active .pi-section-label { color: var(--pi-secondary-background-label); } .portable-infobox .pi-collapse .pi-header { cursor: pointer; } /* if an image is the full original width, make it the full actual width */ .pi-image-thumbnail[width="270"] { width: var(--pi-width); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: var(--heading-font-family); font-weight: 700; margin: 0; } .portable-infobox .pi-secondary-background.pi-navigation { text-align: center; } @media screen and (max-width: 720px){ .portable-infobox { font-size: 0.85em; } } /**************** * End infoboxes * *****************/ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--wiki-accent-color--hover); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--wiki-content-border-color); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--wiki-content-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--wiki-content-text-mix-color); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { font: status-bar; margin: 5px; background: #0002; border: 1px solid var(--pi-secondary-background); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /******************* * Navboxes *******************/ /* * CSS Vars * */ .navbox { --navbox-bg-color: var(--oouihelper--themerelated-disabled-transparent); --navbox-text-color: var(--theme-text-color); --navbox-title-color: rgb(18,27,29); --navbox-header-color: rgb(18,27,29); --navbox-alt-color: var(--theme-navbox-color-one); --navbox-border-color: var(--theme-secondary-color); } .navbox { width: 100%; background: var(--navbox-bg-color, white); color: var(--navbox-text-color, black); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color, #AAA); } .navbox-title, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } /* Even row striping */ .navbox-even { background: var(--theme-navbox-color-two); color: #000; } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-bg-color, white); } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: var(--navbox-header-color, #DDF); text-align: center; } .navbox .navbox-image { background: var(--navbox-bg-color, white); text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: center; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color, white); } .navbox-image-right { border-left: 2px solid var(--navbox-bg-color, white); } .navbox .navbox-list { background: var(--oouihelper--themerelated-disabled-transparent); color: var(--navbox-text-color, black); width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: var(--navbox-alt-color, #F7F7F7); } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; } de8dbe4e72cb049573193af95ea9bc6983a1350d 349 348 2025-03-19T20:27:32Z MattN 585119 Reverted edits by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 22b9658e046977a69fb8e43f13ba099034dd3aa6 350 349 2025-03-19T20:28:46Z MattN 585119 css text/css /******************************************************************************* * * * COMMON.CSS * Base code from https://terraria.wiki.gg/wiki/MediaWiki:Common.css * * * *******************************************************************************/ /* :root { --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ .responsive-image { max-width: 100%; height:auto; } * { outline: 0; } ul { list-style-image: none; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-secondary-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: white; } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: black; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 16em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/jquery/jquery.makeCollapsible.less */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default:active .mw-collapsible-text { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes, e.g. when previewing a page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/messageBoxes.less */ /* ".{message|error|warning|success}box" are deprecated as of MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/jquery.spinner/spinner.less */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: #1F1F1F; } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * -------------------------------------------------------------------------------- */ :root { --color-base: var(--theme-text-color); --color-progressive:var(--theme-link-color); } /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--theme-third-color); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: #4a4d53; } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } .tabber__panel { overflow-x: unset; } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 2px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /* Thumbnail background color */ html .thumbimage { background-color: #0b0029; } /********* Gallery *********/ .thumbinner { border-radius: 5px; background-color: transparent; } li.gallerybox div.thumb { border-radius: 5px; border-width: thin; background-color: transparent; border-color: var(--pi-secondary-background); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; background: none; } .mw-gallery-traditional .thumb a { display: block; } /* PDF Embeds, base code by https://palia.wiki.gg/ */ iframe.pdf-embed { max-width: 100%; max-height: calc(100vh - 60px); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #1a1a1a url(/images/c/c3/Site_background_crops.png) center top / cover no-repeat fixed; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 200px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; --theme-secondary-color: #A0C213; --theme-secondary-color--rgb: rgb(160, 194, 19); --theme-third-color: #A0C213; --theme-third-color--rgb: 1, 98, 245; --theme-third-color--rgba: 1, 98, 245, 1; --theme-navbox-color-one: #0e191a; --theme-navbox-color-two: #131e1e; /* content background */ --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-content-background-color--rgb: 21, 34, 37; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ /*--theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; */ --theme-top-background: none; --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: 0px; /* top */ /* text color */ /* main text color */ --theme-text-color: #eae3d1; --theme-text-color--rgb: 14,25,26; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: white; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(160,194,19,0.70); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(26,26,26,0.90); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: var(--theme-secondary-color); /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: var(--theme-secondary-color); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(0,205,208, 0.80); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #121C1E; --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: var(--theme-secondary-color); /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #121C1E; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: var(--theme-third-color); --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-right: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-right--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #0c0c10; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /******** Add-ons ********/ /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } .license-box-text::before { content: "©"; color: #AAA; float: left; font-size: 3em; line-height:100%; padding-right: 5px; padding-bottom: 2px; } /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } /************ * Social for Main Page * Code adopted from https://dotage.wiki.gg/wiki/MediaWiki:Common.css by Skeleklin *************/ .gg-section { max-width: 50%; padding: 0 2rem 2rem 2rem; border-radius: 10px; } .gg-section .content { margin: 0; } .gg-social { padding: 1em 2em 2em 2em; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; color: rgba(255,255,255,0.8); display: flex; align-items: center; gap: 2em; margin-bottom: 2em; max-width: max-content; } .gg-social img { height: 50px; width: auto; } .gg-social a { color: #fff !important; } .gg-social.discord { background: #7289DA; } .gg-social.twitter { background: #56bbf9; } .gg-social.steam { background: #1b2838; } .card { min-width: 200px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: box-shadow 0.15s, transform 0.2s; background: #ffffffa3; } .card:hover { box-shadow: rgba(0,0,0,0.16) 0px 1px 13px; transform: translate(0, -5px); } .card__top { height: 100px; overflow: hidden; position: relative; } .card__top pre { padding: 0; margin: 0; background: none; } .card__top a { position: absolute; left: 0; } .card h2 { border: none; font-size: 1.5em; margin: 0; padding: 1em; } .gg-container { display: flex; width: 100%; gap: 1em; margin-top: 4em; } .gg-box { color: white; position: relative; margin-bottom: 50px; width: 200px; } .gg-box__header { font-family: "Vinque"; font-size: 1.5em; color: #36363d; background: var(--content-bg); /* margin-bottom: -9px; */ position: absolute; top: -34px; padding: 0.25em 0.5em; border-radius: 8px; border-bottom-left-radius: 0; } .gg-box__content { padding: 1em 0.5em 0.5em; background: #4c682fb3; border-radius: 8px; border: 2px solid #23253766; } .gg-content__item { padding: 0.25em 0.5em; background: #534d26db; border-radius: 5px; margin-bottom: 0.25em; } .gg-content__item a, .da-content__item a.new { color: #fff; } /** Border Color Style **/ .dlcimg img { margin-left: -15px; margin-top: -20px; margin-bottom: -30px; } .borderimg img { -webkit-filter: drop-shadow(0px 0px 10px #FFF); filter: drop-shadow(0px 0px 3.5px #FFF) drop-shadow(0.5px 0.5px 0.5px #FFF); } .borderimg2 img { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(0.5px 0.5px 0.5px #000); } /* Nav templates */ .navtemplate { border:1px solid var(--wiki-accent-color); } .navtemplate tr:nth-child(even) { background:var(--wiki-content-background-color--secondary); } .navtemplate th { border:1px solid var(--wiki-content-border-color); } /* end nav old templates */ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--theme-page-base-background); border: 1px solid var(--theme-mbox-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--theme-mbox-border-color); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--theme-page-base-background); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--theme-link-color-hover); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { background: #0002; border: 1px solid var(--theme-secondary-color); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /************ * Main Page * *************/ .MPheading { font-size: 2em; font-weight: 800; text-align: center; background:0 0; background-image: linear-gradient(to right,rgba(var(--theme-text-color--rgb),0) 0,var(--theme-text-color--rgb) 33%,var(--theme-text-color--rgb) 66%,rgba(var(--theme-text-color--rgb),0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; } .page-Main_Page .mw-parser-output .gallery { text-align: center; margin: 10px 0; } .mp-box { border:1px solid white; margin:10px 0; padding:5px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 10px; gap:5px; } .mp-links > ul > li { display:flex; flex-flow:row nowrap; align-items:center; text-align:center; justify-content:center; box-sizing:border-box; flex:max(calc(50% - 5px),5em) 1 1; border:1px solid var(--theme-link-color); background-color:rgba(var(--theme-text-color--rgb),0.05); font-size:115%; font-weight:bold; text-transform:uppercase; border-radius:3px } .mp-links.columns-1 > ul > li {flex: max(calc(100% - 5px), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - 5px), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc(33% - 5px), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - 5px), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - 5px), 5em) 1 1;} .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); outline:2px solid var(--wiki-content-border-color); } .mp-links > ul > li > a { display:flex; align-items:center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { justify-content:right; } .mp-links > ul > li > a:only-child { justify-content:center; } @media screen and (min-width: 1080px){ .page-Main_Page .mw-parser-output { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .mainpage-left { width: calc(100% - 550px); } .mainpage-right { width: 500px; } } /************ * Infoboxes * *************/ :root { --pi-background: #0e191a; --pi-secondary-background: var(--theme-third-color); --pi-secondary-background--rgb: 0,0,0; --pi-secondary-background-label: #FFFFFF; --pi-border-color: rgba(var(--theme-third-color--rgb),0.5); --pi-width: 300px; } .portable-infobox { border:1px solid var(--pi-border-color); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); color:var(--pi-secondary-background-label); } .portable-infobox, .portable-infobox .pi-title { border-radius: 2px; } .portable-infobox .pi-header { padding: 0.5em; font-size: 1.2em; } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); border-bottom: none; border-top-width: 1px; border-top-style: solid; } .pi-horizontal-group-item, .portable-infobox .pi-secondary-background.pi-navigation, .pi-panel-scroll-wrapper, .pi-media-collection-tabs { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .pi-tab-link.current, .pi-section-tab.pi-section-active .pi-section-label { color: var(--pi-secondary-background-label); } .portable-infobox .pi-collapse .pi-header { cursor: pointer; } /* if an image is the full original width, make it the full actual width */ .pi-image-thumbnail[width="270"] { width: var(--pi-width); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: var(--heading-font-family); font-weight: 700; margin: 0; } .portable-infobox .pi-secondary-background.pi-navigation { text-align: center; } @media screen and (max-width: 720px){ .portable-infobox { font-size: 0.85em; } } /**************** * End infoboxes * *****************/ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--wiki-accent-color--hover); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--wiki-content-border-color); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--wiki-content-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--wiki-content-text-mix-color); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { font: status-bar; margin: 5px; background: #0002; border: 1px solid var(--pi-secondary-background); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /******************* * Navboxes *******************/ /* * CSS Vars * */ .navbox { --navbox-bg-color: var(--oouihelper--themerelated-disabled-transparent); --navbox-text-color: var(--theme-text-color); --navbox-title-color: rgb(18,27,29); --navbox-header-color: rgb(18,27,29); --navbox-alt-color: var(--theme-navbox-color-one); --navbox-border-color: var(--theme-secondary-color); } .navbox { width: 100%; background: var(--navbox-bg-color, white); color: var(--navbox-text-color, black); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color, #AAA); } .navbox-title, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } /* Even row striping */ .navbox-even { background: var(--theme-navbox-color-two); color: #000; } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-bg-color, white); } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: var(--navbox-header-color, #DDF); text-align: center; } .navbox .navbox-image { background: var(--navbox-bg-color, white); text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: center; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color, white); } .navbox-image-right { border-left: 2px solid var(--navbox-bg-color, white); } .navbox .navbox-list { background: var(--oouihelper--themerelated-disabled-transparent); color: var(--navbox-text-color, black); width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: var(--navbox-alt-color, #F7F7F7); } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; } e49ecd6162222ee01b3ac4cd0167dd397fc5e4f5 351 350 2025-03-19T20:29:32Z MattN 585119 css text/css /******************************************************************************* * * * COMMON.CSS * Base code from https://terraria.wiki.gg/wiki/MediaWiki:Common.css * * * *******************************************************************************/ /* * This page contains the stylesheet for the Farming Sim Wiki. * * For the stylesheets of the different themes, see: * - [[MediaWiki:Theme-light.css]] * - [[MediaWiki:Theme-fs25.css]] * - [[MediaWiki:Theme-fs22.css]] * - [[MediaWiki:Theme-fs19.css]] * - [[MediaWiki:Theme-fs17.css]] * */ :root { --wikigg-header-height-min: 85px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 200px; /* width of side navbar, without gap */ --layout-sidespace: 50px; /* whitespace width on most left and most right */ --layout-footerspace: 50px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ .responsive-image { max-width: 100%; height:auto; } * { outline: 0; } ul { list-style-image: none; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-secondary-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: white; } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: black; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 16em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/jquery/jquery.makeCollapsible.less */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default:active .mw-collapsible-text { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes, e.g. when previewing a page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/messageBoxes.less */ /* ".{message|error|warning|success}box" are deprecated as of MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/jquery.spinner/spinner.less */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: #1F1F1F; } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * -------------------------------------------------------------------------------- */ :root { --color-base: var(--theme-text-color); --color-progressive:var(--theme-link-color); } /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--theme-third-color); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: #4a4d53; } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } .tabber__panel { overflow-x: unset; } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 2px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /* Thumbnail background color */ html .thumbimage { background-color: #0b0029; } /********* Gallery *********/ .thumbinner { border-radius: 5px; background-color: transparent; } li.gallerybox div.thumb { border-radius: 5px; border-width: thin; background-color: transparent; border-color: var(--pi-secondary-background); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; background: none; } .mw-gallery-traditional .thumb a { display: block; } /* PDF Embeds, base code by https://palia.wiki.gg/ */ iframe.pdf-embed { max-width: 100%; max-height: calc(100vh - 60px); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #1a1a1a url(images/e/e2/Reave_BG.jpg?76f65b&format=original) center top / cover no-repeat fixed; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 200px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; --theme-secondary-color: #92776f; --theme-secondary-color--rgb: rgb(146, 119, 111); --theme-third-color: #92776f; --theme-third-color--rgb: 1, 98, 245; --theme-third-color--rgba: 1, 98, 245, 1; --theme-navbox-color-one: #1a1a1a; --theme-navbox-color-two: #1f1f1f; /* content background */ --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-content-background-color--rgb: 38, 38, 38; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ /*--theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; */ --theme-top-background: none; --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: 0px; /* top */ /* text color */ /* main text color */ --theme-text-color: #ebebeb; --theme-text-color--rgb: 235,235,235; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: white; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(160,194,19,0.70); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(26,26,26,0.90); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: var(--theme-secondary-color); /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: var(--theme-secondary-color); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(0,205,208, 0.80); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #121C1E; --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: var(--theme-secondary-color); /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #121C1E; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: var(--theme-third-color); --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-right: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-right--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #0c0c10; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /******** Add-ons ********/ /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } .license-box-text::before { content: "©"; color: #AAA; float: left; font-size: 3em; line-height:100%; padding-right: 5px; padding-bottom: 2px; } /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } /************ * Social for Main Page * Code adopted from https://dotage.wiki.gg/wiki/MediaWiki:Common.css by Skeleklin *************/ .gg-section { max-width: 50%; padding: 0 2rem 2rem 2rem; border-radius: 10px; } .gg-section .content { margin: 0; } .gg-social { padding: 1em 2em 2em 2em; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; color: rgba(255,255,255,0.8); display: flex; align-items: center; gap: 2em; margin-bottom: 2em; max-width: max-content; } .gg-social img { height: 50px; width: auto; } .gg-social a { color: #fff !important; } .gg-social.discord { background: #7289DA; } .gg-social.twitter { background: #56bbf9; } .gg-social.steam { background: #1b2838; } .card { min-width: 200px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: box-shadow 0.15s, transform 0.2s; background: #ffffffa3; } .card:hover { box-shadow: rgba(0,0,0,0.16) 0px 1px 13px; transform: translate(0, -5px); } .card__top { height: 100px; overflow: hidden; position: relative; } .card__top pre { padding: 0; margin: 0; background: none; } .card__top a { position: absolute; left: 0; } .card h2 { border: none; font-size: 1.5em; margin: 0; padding: 1em; } .gg-container { display: flex; width: 100%; gap: 1em; margin-top: 4em; } .gg-box { color: white; position: relative; margin-bottom: 50px; width: 200px; } .gg-box__header { font-family: "Vinque"; font-size: 1.5em; color: #36363d; background: var(--content-bg); /* margin-bottom: -9px; */ position: absolute; top: -34px; padding: 0.25em 0.5em; border-radius: 8px; border-bottom-left-radius: 0; } .gg-box__content { padding: 1em 0.5em 0.5em; background: #4c682fb3; border-radius: 8px; border: 2px solid #23253766; } .gg-content__item { padding: 0.25em 0.5em; background: #534d26db; border-radius: 5px; margin-bottom: 0.25em; } .gg-content__item a, .da-content__item a.new { color: #fff; } /** Border Color Style **/ .dlcimg img { margin-left: -15px; margin-top: -20px; margin-bottom: -30px; } .borderimg img { -webkit-filter: drop-shadow(0px 0px 10px #FFF); filter: drop-shadow(0px 0px 3.5px #FFF) drop-shadow(0.5px 0.5px 0.5px #FFF); } .borderimg2 img { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(0.5px 0.5px 0.5px #000); } /* Nav templates */ .navtemplate { border:1px solid var(--wiki-accent-color); } .navtemplate tr:nth-child(even) { background:var(--wiki-content-background-color--secondary); } .navtemplate th { border:1px solid var(--wiki-content-border-color); } /* end nav old templates */ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--theme-page-base-background); border: 1px solid var(--theme-mbox-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--theme-mbox-border-color); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--theme-page-base-background); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--theme-link-color-hover); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { background: #0002; border: 1px solid var(--theme-secondary-color); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /************ * Main Page * *************/ .MPheading { font-size: 2em; font-weight: 800; text-align: center; background:0 0; background-image: linear-gradient(to right,rgba(var(--theme-text-color--rgb),0) 0,var(--theme-text-color--rgb) 33%,var(--theme-text-color--rgb) 66%,rgba(var(--theme-text-color--rgb),0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; } .page-Main_Page .mw-parser-output .gallery { text-align: center; margin: 10px 0; } .mp-box { border:1px solid white; margin:10px 0; padding:5px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 10px; gap:5px; } .mp-links > ul > li { display:flex; flex-flow:row nowrap; align-items:center; text-align:center; justify-content:center; box-sizing:border-box; flex:max(calc(50% - 5px),5em) 1 1; border:1px solid var(--theme-link-color); background-color:rgba(var(--theme-text-color--rgb),0.05); font-size:115%; font-weight:bold; text-transform:uppercase; border-radius:3px } .mp-links.columns-1 > ul > li {flex: max(calc(100% - 5px), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - 5px), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc(33% - 5px), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - 5px), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - 5px), 5em) 1 1;} .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); outline:2px solid var(--wiki-content-border-color); } .mp-links > ul > li > a { display:flex; align-items:center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { justify-content:right; } .mp-links > ul > li > a:only-child { justify-content:center; } @media screen and (min-width: 1080px){ .page-Main_Page .mw-parser-output { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .mainpage-left { width: calc(100% - 550px); } .mainpage-right { width: 500px; } } /************ * Infoboxes * *************/ :root { --pi-background: #0e191a; --pi-secondary-background: var(--theme-third-color); --pi-secondary-background--rgb: 0,0,0; --pi-secondary-background-label: #FFFFFF; --pi-border-color: rgba(var(--theme-third-color--rgb),0.5); --pi-width: 300px; } .portable-infobox { border:1px solid var(--pi-border-color); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); color:var(--pi-secondary-background-label); } .portable-infobox, .portable-infobox .pi-title { border-radius: 2px; } .portable-infobox .pi-header { padding: 0.5em; font-size: 1.2em; } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); border-bottom: none; border-top-width: 1px; border-top-style: solid; } .pi-horizontal-group-item, .portable-infobox .pi-secondary-background.pi-navigation, .pi-panel-scroll-wrapper, .pi-media-collection-tabs { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .pi-tab-link.current, .pi-section-tab.pi-section-active .pi-section-label { color: var(--pi-secondary-background-label); } .portable-infobox .pi-collapse .pi-header { cursor: pointer; } /* if an image is the full original width, make it the full actual width */ .pi-image-thumbnail[width="270"] { width: var(--pi-width); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: var(--heading-font-family); font-weight: 700; margin: 0; } .portable-infobox .pi-secondary-background.pi-navigation { text-align: center; } @media screen and (max-width: 720px){ .portable-infobox { font-size: 0.85em; } } /**************** * End infoboxes * *****************/ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--wiki-accent-color--hover); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--wiki-content-border-color); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--wiki-content-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--wiki-content-text-mix-color); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { font: status-bar; margin: 5px; background: #0002; border: 1px solid var(--pi-secondary-background); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /******************* * Navboxes *******************/ /* * CSS Vars * */ .navbox { --navbox-bg-color: var(--oouihelper--themerelated-disabled-transparent); --navbox-text-color: var(--theme-text-color); --navbox-title-color: rgb(18,27,29); --navbox-header-color: rgb(18,27,29); --navbox-alt-color: var(--theme-navbox-color-one); --navbox-border-color: var(--theme-secondary-color); } .navbox { width: 100%; background: var(--navbox-bg-color, white); color: var(--navbox-text-color, black); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color, #AAA); } .navbox-title, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } /* Even row striping */ .navbox-even { background: var(--theme-navbox-color-two); color: #000; } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-bg-color, white); } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: var(--navbox-header-color, #DDF); text-align: center; } .navbox .navbox-image { background: var(--navbox-bg-color, white); text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: center; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color, white); } .navbox-image-right { border-left: 2px solid var(--navbox-bg-color, white); } .navbox .navbox-list { background: var(--oouihelper--themerelated-disabled-transparent); color: var(--navbox-text-color, black); width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: var(--navbox-alt-color, #F7F7F7); } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; } de8dbe4e72cb049573193af95ea9bc6983a1350d 6 287 324 2025-03-19T19:36:01Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 288 325 2025-03-19T19:36:02Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 289 326 2025-03-19T19:36:02Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 290 327 2025-03-19T19:36:03Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 291 328 2025-03-19T19:36:04Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 292 329 2025-03-19T19:36:04Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 293 330 2025-03-19T19:36:05Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 294 331 2025-03-19T19:36:06Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 295 339 2025-03-19T19:58:08Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 8 235 346 259 2025-03-19T20:12:34Z MattN 585119 javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ // load various utilities from the commons wiki, including l10nFactory and isEditorActive mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&action=raw&ctype=text/javascript' ).then(function(){ // content width toggle $(function(){ $body = $('body'); $('<div id="nav-content-size-toggle"><span></span></div>') .prependTo($('#mw-head')) .on('click', function(){ $body.toggleClass('content-size-expanded'); $(window).trigger('resize'); }); }); // #mw-head collapsing fix mw.loader.using('skins.vector.legacy.js', function() { $.collapsibleTabs.calculateTabDistance = function(){ return parseInt(window.getComputedStyle(document.getElementById( 'right-navigation' ), '::before').width ) - 1; } }); // scroll helper for edit $(function(){ if( !isEditorActive() || $(window).scrollTop() != 0 ){ return; } $(window).scrollTop($('#p-logo').height()-6); }); // [[Template:Time]], [[Template:Countdown]] /* Scripts pcj and Surafbrov from https://warcraft.wiki.gg/wiki/MediaWiki:Common.js */ function timeInit() { function getDate(s) { s = s && s.match(/(\d{4})-(\d{2})-(\d{2}) (\d{1,2}):(\d{2})/); return s && Date.UTC(parseInt(s[1]), parseInt(s[2])-1, parseInt(s[3]), parseInt(s[4]), parseInt(s[5])); } function updateCountdown() { var $this = $(this), t = getDate($this.data("jst-time")), now = new Date(); if (t && (t > now)) { var $d = $this.find(".jst-days"), $h = $this.find(".jst-hours"), $m = $this.find(".jst-minutes"), $s = $this.find(".jst-seconds"); var ofs = (t - now)/1000 | 0 + ($s.length ? 0 : 60), d = (ofs / 86400) | 0, h = (ofs / 3600) | 0, m = (ofs / 60) | 0, s = ofs % 60; if ($d.length) h %= 24; if ($h.length) m %= 60; $d.toggleClass("jst-active", d).find(".jst-value").text(d); $h.toggleClass("jst-active", d || h).find(".jst-value").text(h); $m.toggleClass("jst-active", d || h || m).find(".jst-value").text(m); $s.toggleClass("jst-active", true).find(".jst-value").text(s); $this.addClass("jst-active"); } else { $this.removeClass("jst-active"); $this.text($this.data('jst-text-over') || ""); } } function updateCountdowns() { $(".jst-countdown.jst-active").each(updateCountdown); if ($(".jst-countdown.jst-active").length) setTimeout(updateCountdowns, 1001); } $(".jst-countdown").addClass("jst-active"); $(".jst-countdown .jst-alternative").remove(); $(".jst-days > .jst-label").text("days"); $(".jst-hours > .jst-label").text("hours"); $(".jst-minutes > .jst-label").text("minutes"); $(".jst-seconds > .jst-label").text("seconds"); updateCountdowns(); $(".jst-abstime").each(function() { var $this = $(this), t1 = getDate($this.data("jst-time")), t2 = getDate($this.data("jst-time2")), ta = getDate($this.data("jst-anchor")); if (!t1) return; var t1d = new Date(t1), nowDate = ta ? (new Date(ta)).toDateString() : (new Date()).toDateString(); $this.text((t1d.toDateString() == nowDate ? t1d.toLocaleTimeString() : (t1d.toLocaleDateString() + ", " + t1d.toLocaleTimeString())) + (t2 ? " – " + (new Date(t2)).toLocaleTimeString() : "")); }); } }); df5f69708d5d4482b3171f5353ea5ad4312d7ac2 8 227 352 351 2025-03-19T20:30:07Z MattN 585119 css text/css /******************************************************************************* * * * COMMON.CSS * Base code from https://terraria.wiki.gg/wiki/MediaWiki:Common.css * * * *******************************************************************************/ /* * This page contains the stylesheet for the Farming Sim Wiki. * * For the stylesheets of the different themes, see: * - [[MediaWiki:Theme-light.css]] * - [[MediaWiki:Theme-fs25.css]] * - [[MediaWiki:Theme-fs22.css]] * - [[MediaWiki:Theme-fs19.css]] * - [[MediaWiki:Theme-fs17.css]] * */ :root { --wikigg-header-height-min: 35px; /* "normal" height of wiki.gg header (with no ad) */ --layout-sidebar-width: 188px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-footerspace: 24px; /* extra whitespace height on most bottom */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-box-padding: 6px; --layout-padding-x: 24px; --layout-padding-y: 16px; --layout-gap: 6px; --layout-gap-l: 12px; --layout-dropdown-item-padding-x: 12px; --layout-dropdown-item-padding-y: 6px; --font-size: 14px; --line-height: 24px; --font-size-s: 12px; --line-height-s: 20px; --font-size-l: 16px; --line-height-l: 24px; --font-size-xs: 10px; --line-height-xs: 16px; --font-family: Helvetica, Arial, sans-serif; /* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */ --icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E"); /* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */ --icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E"); /* icons below are from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E"); --icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E"); --icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E"); --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icons-tabler-outline icon-tabler-pencil' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3C/svg%3E"); --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E"); --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E"); --icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E"); --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E"); --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E"); --icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E"); --icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E"); --icon-legacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-l' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 4v16h10'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (min-width: 2472px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 2200px; } } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ .responsive-image { max-width: 100%; height:auto; } * { outline: 0; } ul { list-style-image: none; } table { display: table; white-space: unset; /* be set to `nowrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } body, code { background: none; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } /*********************************************************************************************************** * base CSS styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: var(--font-family); color: var(--theme-text-color); } /* Text color */ #content { color: var(--theme-text-color); } html { background: var(--theme-site-background); /* always show scroll bar for short page. * By doing this page background size won't change when expand/collapse sidebar sections. */ overflow-y: scroll; } body { font-size: var(--font-size); line-height: var(--line-height); } ul, ol { margin: 2px 0 2px 1.5em; } ul { list-style-image: none; } li { margin: 0 0 2px 0; } small { font-size: var(--font-size-s); line-height: var(--line-height-s); } sup, sub { font-size: var(--font-size-s); } /* Code styling, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#164 * (not sure about the purpose of ".mw-code", it only seems to be used on very * long Lua pages like [[Module:Exclusive/data]]) * (looks like ".mw-code" can also be used manually on pages to mimic <pre> * styling while still respecting wikicode; see [[Help:Displaying code text]]) */ pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-box-border-color-light); } pre, .mw-code { background-color: var(--theme-box-background); } /* Break really long words when they overflow to the next line. * By default this is only applied to pre and .mw-code, not code: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#177 */ code { word-wrap: break-word; } fieldset { border-width: 2px; border-color: var(--theme-border-color); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /* Blockquotes, overriding styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/master/resources/common/typography.less */ .vector-body blockquote { border-left-color: var(--oouihelper--themerelated-lighter-transparent); padding-left: 24px; } /*********************************************************************************************************/ /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* "Note text" color */ .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#230 */ .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .fullheight, .full-height { height: 100%; } .nowrap { white-space: nowrap; } /* The default ".center" class has a "width:100%" style, see here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219 * We don't always want that, so we're using a different, new class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* floating */ .float-right { float: right; margin: 0 0 var(--layout-gap) var(--layout-gap); } .float-left { float: left; margin: 0 var(--layout-gap) var(--layout-gap) 0; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } /* Theme-aware color for icons (black for light themes, white for dark themes) */ .blackwhite-icon { filter: var(--ooui--icon-normal-filter); } /* Invert for dark theme -- deprecated, please use ".blackwhite-icon" */ .dark-invert { filter: invert(1); } /* Invert class */ .invert { filter: invert(1); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#55 */ hr { height: 0; background: none; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin: 4px 0; } hr.space { height: 4px; background: none; border: 0; } hr.incell-border { /* border inside a table cell */ margin: 0.7em 0; background-color: var(--theme-box-border-color); } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: " • "; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: " ("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ". "; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li, dt, dd):not(:has(:is(li, dt, dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) 0 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 var(--layout-padding-x) var(--layout-padding-y) 0; } /****** #footer (copyright info) ******/ #footer { font-size: var(--font-size-s); line-height: 1.5; background: var(--theme-background); padding: var(--layout-padding-y) var(--layout-padding-y); border-radius: 0 0 var(--theme-widget-border-radius) var(--theme-widget-border-radius); border-width: 0 1px 1px; border-style: solid; border-color: var(--theme-widget-border-color); box-shadow: var(--theme-inner-shadow); z-index: 0; /* covered by content */ } #footer * { font-size: inherit; } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer #footer-icons a { background-image: none; color: #000; } /* background box for nav+content+#footer */ #mw-page-base { box-shadow: var(--theme-widget-shadow); border-radius: var(--theme-widget-border-radius); background: none; z-index: -1; } #mw-head, #content, #footer { margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /* the "grass" for main box */ #mw-head-base { margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: relative; top: var(--theme-top-background-offset); z-index: 1; } } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: 100px; /* scroll offset */ } body { height: auto; margin: 0 !important; /* fix for some contexts such as SearchDigest popup dialog */ } /*** main grid container ***/ body { /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--wikigg-header-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end] var(--layout-footerspace) [body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head, #mw-head-base { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some pages such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel, #mw-panel * { box-sizing: border-box; } #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 6px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel #t-print { /* hide the "Printable version" link. */ display: none; } #mw-panel a:not(:focus) { /* remove the underline from links, unless the links are focused (accessibility: focused links must be distinguishable in some way) */ text-decoration: none; } #mw-panel .menu-toggle { display: none; } #mw-panel .mw-portlet { /* section box */ border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-section-background); margin: 0; padding: 0; } #mw-panel .mw-portlet .vector-menu-heading { /* section heading */ border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; background: var(--theme-secondary-background); margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: white; } #mw-panel .mw-portlet .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); transform: scaleY(-1); } .client-nojs #mw-panel .mw-portlet .vector-menu-heading { /* the cursor should not be pointer if JavaScript is disabled * (because the heading can't be clicked in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ cursor: unset; } .client-nojs #mw-panel .mw-portlet .vector-menu-heading::after { /* don't display the arrow if JavaScript is disabled (because * the heading can't be collapsed in that case); see also * https://www.mediawiki.org/wiki/Manual:Coding_conventions/CSS#.client-js_and_.client-nojs */ display: none; } #mw-panel .mw-portlet:hover .vector-menu-heading::after { background-color: var(--theme-icon-color-hover); } #mw-panel .mw-portlet.collapsed .vector-menu-heading::after { transform: none; } #mw-panel #p-logo + .mw-portlet, #mw-panel .menu-toggle + .mw-portlet { /* first section */ position: relative; /* for the "grass" */ } #mw-panel #p-logo + .mw-portlet .vector-menu-heading, #mw-panel .menu-toggle + .mw-portlet .vector-menu-heading { /* show the heading of first section */ display: flex; } #mw-panel #p-logo + .mw-portlet::before, #mw-panel .menu-toggle + .mw-portlet::before { /* the "grass" */ content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .mw-portlet border width */ margin-top: -1px; /* compensate .mw-portlet border width */ left: -1px; } #mw-panel .mw-portlet .body { /* list body */ background: none; border: 0; padding: 0; margin: 0; } #mw-panel .mw-portlet .body::before { /* line between header and body */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); } #mw-panel .mw-portlet .body ul { padding: 4px; } #mw-panel .mw-portlet .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: calc(var(--list-body-font-size) + 2px); border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-panel .mw-portlet .body li:hover { background: var(--theme-highlight-background); } #mw-panel .mw-portlet .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .mw-portlet .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .mw-portlet .body li a:hover { color: var(--theme-link-color-hover); } #mw-panel .mw-portlet .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** #mw-head (navbar) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; box-sizing: border-box; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --layout-content-size-toggle-gap-left: 4px; --layout-content-size-toggle-gap-right: 5px; --tab-padding-x: 12px; --tab-padding-y: 4px; --icon-size: 1em; --icon-margin: 3px; top: unset; /* reset for under 720/960px */ box-sizing: border-box; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); border-radius: var(--theme-widget-border-radius) var(--theme-widget-border-radius) 0 0; border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: stretch; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; border-bottom: 1px solid var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #nav-content-size-toggle { flex: 0 0 auto; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before { flex: 0 0 calc(var(--layout-content-size-toggle-gap-left) + 22px + var(--layout-content-size-toggle-gap-right)); /* for sidebar toggle button */ } #mw-head #right-navigation::after { flex: 0 0 calc(var(--layout-padding) - var(--layout-gap)); /* last item of #right-navigation has margin-right:var(--layout-gap) */ } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: stretch; } /* tab */ #mw-head { --theme-tab-border-radius: var(--theme-widget-border-radius); --theme-tab-border-style: solid; --theme-tab-border-left-width: 1px; --theme-tab-border-right-width: 1px; --theme-tab-border-top-width: 1px; --theme-tab-border-bottom-width: 1px; --theme-tab-border-width: var(--theme-tab-border-top-width) var(--theme-tab-border-right-width) var(--theme-tab-border-bottom-width) var(--theme-tab-border-left-width); --theme-tab-border-bottom-color: var(--theme-border-bottom-color); --theme-tab-border-bottom: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) var(--theme-tab-border-bottom-color); --theme-tab-border-bottom-selected: var(--theme-tab-border-style) var(--theme-tab-border-bottom-width) transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ height: auto; border-bottom: var(--theme-tab-border-bottom); position: relative; padding-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* inset shadow */ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; background: var(--theme-background-shadow); position: absolute; right: 0; bottom: 0; } #mw-head .vector-menu-tabs .mw-list-item.icon, #mw-head .vector-menu-dropdown.icon { display: flex; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); background: var(--theme-tab-background); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border-width: var(--theme-tab-border-width); border-style: var(--theme-tab-border-style); border-color: var(--theme-tab-border-color-selected); border-radius: var(--theme-tab-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-right: 0; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item.selected::after { /* gap */ width: var(--layout-gap); right: auto; left: 100%; margin: 0 0 0 var(--theme-tab-border-left-width); /* left offset */ border-bottom: var(--theme-tab-border-bottom); } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-tab-border-bottom-selected); background: none; color: black; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { all: unset; /* arrow icon */ content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; margin-top: 0; white-space: nowrap; z-index: 999; } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li { border-radius: calc(var(--theme-widget-border-radius) - 2px); transition: background 0.3s; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--layout-dropdown-item-padding-y) var(--layout-dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* "more" menu */ #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: var(--layout-gap); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** search form ***/ #mw-head #p-search { --theme-border-radius: 2px; --theme-background: var(--theme-tab-background); --theme-background-active: var(--theme-tab-background-selected); --theme-border-color: var(--theme-legacy-search-border-color); --theme-border-color-active: var(--theme-legacy-search-border-color-active); background: var(--theme-background-shadow); border: 0; border-bottom: 1px solid var(--theme-border-bottom-color); margin: 0; padding: 1px var(--layout-gap) 0 2px; } #mw-head #p-search > div { display: flex; align-items: flex-start; height: 100%; } #mw-head #p-search form { margin: 0; overflow: hidden; width: auto; opacity: unset; align-self: stretch; padding-bottom: var(--layout-gap); } #mw-head #p-search #simpleSearch { margin: 0; width: 50vw; max-width: 16em; display: flex; } #mw-head #p-search .vector-search-box-input { height: unset; padding: 0 26px 0 4px; box-shadow: none; caret-color: var(--theme-text-color); align-self: stretch; border-radius: var(--theme-border-radius); border-width: 1px; border-style: solid; border-color: var(--theme-border-color); background: var(--theme-background); color: var(--theme-text-color); } #mw-head #p-search .vector-search-box-input:focus { outline: 0; border-color: var(--theme-border-color-active); } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: var(--icon-search) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 19px 19px; mask-size: 19px 19px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head #p-search .searchButton:hover { background-color: var(--theme-icon-color-hover); } #mw-head #p-search .searchButton.mw-fallbackSearchButton { opacity: 0; } /*** search result suggestions ***/ .suggestions { border-width: var(--theme-dropdown-border-width); border-style: var(--theme-dropdown-border-style); border-color: var(--theme-dropdown-border-color); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-background); box-shadow: var(--theme-dropdown-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 0; border-bottom: 1px solid var(--theme-border-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; line-height: unset; } .suggestions .suggestions-special { margin: 0; border: 0; line-height: unset; padding: 2px 4px 4px; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-text-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); } #nav-content-size-toggle { display: none; } @media screen and (min-width: 1367px) { /*** sidebar toggle ***/ #nav-content-size-toggle { display: flex; padding-left: var(--layout-content-size-toggle-gap-left); margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px); /* effective width = 0 */ } #nav-content-size-toggle span { align-self: center; display: block; width: 22px; height: 22px; cursor: pointer; --mask: var(--icon-sidebar-collapse) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } .content-size-expanded #nav-content-size-toggle span { --mask: var(--icon-sidebar-expand) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color-link); } .content-size-expanded #nav-content-size-toggle span:hover { background-color: var(--theme-icon-color-hover); } /* expanded */ body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } /****** main content box ******/ /* font */ .vector-body { font-size: inherit; /* reset */ } /** layout **/ #content { color: inherit; padding: 0; display: flex; flex-direction: column; background: var(--theme-background); border-width: 1px 1px 0; border-style: solid; border-color: var(--theme-widget-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /*** main heading section ***/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/Vector/+/refs/heads/REL1_43/resources/skins.vector.styles.legacy/layouts/screen.less#46 */ .mw-body .firstHeading { /* fix scroll-x issue for narrow width */ overflow: hidden; } /* the " < rootpage < page " crumb */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/interface-subtitle.less#6 */ #contentSub, #contentSub2 { font-size: 12px; line-height: 20px; margin: 0; color: var(--theme-text-color-note); } /* custom "back-arrows" */ #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the line between heading section and content body box */ content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 20em; } /********* Catlinks *********/ /* "Categories:" box at the bottom of the page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.skinning/interface.category.less */ .catlinks { border-color: var(--theme-border-color); border-radius: var(--theme-widget-border-radius); background: var(--theme-background); padding: 6px 12px; margin: var(--layout-padding-y) 0 0 0; } .catlinks li { border-left-color: var(--theme-border-color-accent); } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1366px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] var(--wikigg-header-height) [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end] var(--layout-footerspace) [body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-items: flex-end; align-self: end; height: min-content; padding: 0 4px; border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 100; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { padding: 12px 8px 9px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { transform: scaleY(1); /* normalize arrow direction */ margin-left: 3px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body::before { display: none; } #mw-panel .portal .body li { line-height: unset; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel #p-logo + .portal::before { /* hide the "grass" for first section */ display: none; } #mw-panel::before { content: ""; display: block; box-sizing: content-box; margin: 0; width: 100%; height: var(--theme-top-background-height); background: var(--theme-top-background); pointer-events: none; position: absolute; top: var(--theme-top-background-offset); padding: 0 1px; /* compensate .portal border width */ margin-top: -1px; /* compensate .portal border width */ left: -1px; z-index: 1; } #mw-head #p-search { position: absolute; z-index: 101; top: -45px; background: none; border: 0; padding: 0 var(--layout-padding) 0 0; } /* remove the "grass" from main box */ #mw-head-base { display: none; } /* no sidebar toggle now. */ #mw-head #left-navigation::before { flex: 0 0 var(--layout-padding); } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } } /* screen and (max-width: 1366px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; --layout-box-gap: 6px; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } /* the "grass" size fix */ #mw-panel::before { padding: 0; left: 0; } #mw-panel { display: block; height: 41px; } #mw-panel .menu-toggle { --mask: var(--icon-category) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 9px 12px 6px; } #mw-panel .portal { display: none; background: var(--theme-dropdown-background); border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; box-shadow: none; padding: 0 0 8px; width: 100%; } #mw-panel .portal .body ul { padding: 0 12px; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel #p-logo + .portal .vector-menu-heading { padding-top: 8px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-panel #p-lang { /* "languages"*/ display: block; justify-content: flex-end; position: absolute; left: 48px; top: 9px; background: none; } #mw-panel #p-lang .vector-menu-heading { margin: 0; padding: 0; width: 24px; height: 24px; } #mw-panel #p-lang .vector-menu-heading span { display: none; } #mw-panel #p-lang .vector-menu-heading::before { content: ""; display: block; pointer-events: none; --mask: var(--icon-language) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 20px 20px; mask-size: 20px 20px; -webkit-mask-position: center calc(50% + 1px); mask-position: center calc(50% + 1px); background-color: var(--theme-heading-color); width: 24px; height: 24px; margin: 0; } #mw-panel #p-lang .body { display: none !important; position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border-width: var(--theme-dropdown-border-width); border-color: var(--theme-dropdown-border-color); border-style: var(--theme-dropdown-border-style); border-radius: var(--theme-dropdown-border-radius); background: var(--theme-dropdown-background); box-shadow: var(--theme-widget-shadow); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 6px; } #mw-panel #p-lang .body ul { display: block; padding: 4px 4px 0 4px; } #mw-panel #p-lang.expanded .body { display: block !important; } #mw-head #p-search { top: -45px; } #mw-head #p-search #simpleSearch { width: 65vw; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* navbar tabs to icons */ #mw-head { --icon: var(--icon-wiki); --icon-size: 18px; --icon-margin: 2px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-margin) * 2 + var(--icon-size)); box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); flex: 0 0 auto; margin: var(--icon-margin); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: var(--icon-edit); } #ca-view, #ca-view-foreign { --icon: var(--icon-eye); } #left-navigation li[id^=ca-nstab-] { --icon: var(--icon-doc); } #left-navigation #ca-nstab-legacy { --icon: var(--icon-legacy); } #ca-history { --icon: var(--icon-history); } #ca-talk { --icon: var(--icon-talk); } #t-contributions { --icon: var(--icon-jigsaw); } #ca-addsection { --icon: var(--icon-pencil-plus); } #ca-viewsource { --icon: var(--icon-code); } #p-variants { --icon: var(--icon-globe); } #p-cactions { --icon: var(--icon-more); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:600px) */ /***** Notification area *****/ /* Notification boxes on the right, e.g. after patrolling an edit. * Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); transform: none; } .mw-notification.mw-notification-type-error { border-color: var(--theme-notice-red-border-color); color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { border-color: var(--theme-notice-orange-border-color); color: var(--theme-notice-orange-text-color); } .mw-notification.mw-notification-type-success { border-color: var(--theme-notice-green-border-color); color: var(--ooui--messagewidget-success-color); } /********* Collapsible elements *********/ /* Documentation of jquery.makeCollapsible: * https://www.mediawiki.org/wiki/Manual:Collapsible_elements * https://www.mediawiki.org/wiki/ResourceLoader/Core_modules#jquery.makeCollapsible */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/jquery/jquery.makeCollapsible.less */ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .mw-collapsible-toggle-default:active .mw-collapsible-text { color: var(--theme-link-color-hover); } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color: var(--theme-text-color); } /* Define custom classes "mw-collapsible-alignbtnright", "mw-collapsible-alignbtnleft": * For floating the "Collapse"/"Expand" link (instead of always right next to text) */ .mw-collapsible-alignbtnright .mw-collapsible-toggle { float: right !important; } .mw-collapsible-alignbtnleft .mw-collapsible-toggle { float: left !important; } /* Define a custom class "mw-collapsible-nofloat": * To forcibly prevent floating altogether */ .mw-collapsible-nofloat .mw-collapsible-toggle { float: none; } /* Define a custom class "plaincollapse": * Removes brackets from collapse/expand links and makes the text bold */ /* only apply to immediate children (".plaincollapse > ") to allow nesting */ .plaincollapse > .mw-collapsible-toggle-default .mw-collapsible-text { font-weight: bold; } .plaincollapse > .mw-collapsible-toggle-default::before, .plaincollapse > .mw-collapsible-toggle-default::after { color: transparent; } /********* Usermessage *********/ /* Box at the top of all pages when the user has a new message on their User_talk: page: * https://meta.wikimedia.org/wiki/New_messages_notification */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-user-message.less */ .usermessage { border-width: 1px; border-style: solid; border-color: var(--theme-widget-border-color); border-radius: var(--theme-widget-border-radius); box-shadow: var(--theme-widget-shadow); background: var(--theme-widget-background); border-color: var(--theme-notice-yellow-border-color); background: var(--theme-notice-yellow-background-color); color: var(--theme-text-color); } /********* Message boxes *********/ /* Various boxes, e.g. when previewing a page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/messageBoxes.less */ /* ".{message|error|warning|success}box" are deprecated as of MediaWiki 1.39, see: * https://phabricator.wikimedia.org/T300306 * https://phabricator.wikimedia.org/T270796 * https://phabricator.wikimedia.org/T300314 */ .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--theme-text-color); } .messagebox, .mw-message-box { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .errorbox, .mw-message-box-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .warningbox, .mw-message-box-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .successbox, .mw-message-box-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } /********* Spinner *********/ /* e.g. when patrolling an edit */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/jquery.spinner/spinner.less */ .mw-spinner-container > div::after { background: var(--theme-text-color-em); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: " "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { content: ""; display: block; pointer-events: none; box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); width: 20px; height: 100%; position: absolute; right: 0; z-index: 2; } /* -------------------------------------------------------------------------------- * ===================================== OOUI ===================================== * -------------------------------------------------------------------------------- * OOUI ([[mw:OOUI]]) is a library that is used by MediaWiki to provide "widgets, * layouts, and windows". This includes various interface elements, like buttons, * text input fields, checkboxes, radio buttons, etc. For instance, the entire * form at the top of [[Special:AllPages]] consists of OOUI elements. See * https://doc.wikimedia.org/oojs-ui/master/demos for a demo of almost everything * OOUI provides. A local adaptation of that demo is at [[Terraria Wiki:OOUI demo]], * where our custom OOUI styling can be tested out with the different themes. * * As with all of our customization of MediaWiki styling, the file structure and * contents are kept as close to the original as possible, for easier maintainability. * For OOUI, it is notable that the rules defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles * usually only concern very basic styling, which we don't need to adjust. Instead, * the more interesting styles with colors, border radii, etc. are defined in the files in * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui * * Only default OOUI styles (those from the links above) are customized here. Some * other parts of MediaWiki like RCFilters ([[mw:RCFilters]]) and especially certain * extensions also affect OOUI, but those styles belong in their respective files. * -------------------------------------------------------------------------------- */ /********* OOUI: MessageDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/MessageDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-title { color: var(--theme-text-color); } .oo-ui-messageDialog-message { color: var(--theme-text-color); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--ooui--dialog-border-color); } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom-color: var(--ooui--dialog-border-color--lighter); } /********* OOUI: ProcessDialog *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/dialogs/ProcessDialog.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-right-color: var(--ooui--dialog-border-color--lighter); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); border-right: var(--ooui--button-border-right--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background: var(--ooui--button-background); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } /* button hover border fixes */ .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active { border-top: var(--ooui--button-border-top--hover); border-bottom: var(--ooui--button-border-bottom--hover); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right: var(--ooui--button-border-right--hover); border-left: var(--ooui--button-border-left--hover); } /********* OOUI: ButtonElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--ooui--button-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: unset; color: var(--ooui--button-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: var(--ooui--button-disabled-color); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 4px; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-progressive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-progressive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--ooui--button-destructive-color); background: var(--ooui--button-background); border-color: var(--ooui--button-destructive-primary-border-color); } /********* OOUI: PendingElement *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/PendingElement.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */ .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: icons *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/IconElement.less */ .oo-ui-iconElement-icon { filter: var(--ooui--icon-normal-filter); } /* the six "icon variants" invert/progressive/destructive/error/warning/success are defined in icons-*.json in this directory: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/ * but the colors are set to the same values in every file: * invert: #fff * progressive: #36c * destructive #d33 * error #d33 * warning #edab00 * success #14866d */ .oo-ui-iconElement-icon.oo-ui-image-invert { filter: var(--ooui--icon-invert-filter); } .oo-ui-iconElement-icon.oo-ui-image-progressive { filter: var(--ooui--icon-progressive-filter); } .oo-ui-iconElement-icon.oo-ui-image-destructive { filter: var(--ooui--icon-destructive-filter); } .oo-ui-iconElement-icon.oo-ui-image-error { filter: var(--ooui--icon-error-filter); } .oo-ui-iconElement-icon.oo-ui-image-warning { filter: var(--ooui--icon-warning-filter); } .oo-ui-iconElement-icon.oo-ui-image-success { filter: var(--ooui--icon-success-filter); } /********* OOUI: indicators *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/indicators.json */ .oo-ui-indicator-clear { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-clear { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-up { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-up { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-down { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-down { filter: var(--ooui--indicator-invert-filter); } .oo-ui-indicator-required { filter: var(--ooui--indicator-filter); } .oo-ui-image-invert.oo-ui-indicator-required { filter: var(--ooui--indicator-invert-filter); } /********* OOUI: BookletLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/BookletLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top-color: var(--ooui--bookletlayout-border-color); } .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { border-right-color: var(--ooui--bookletlayout-border-color); } /********* OOUI: FieldLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/FieldLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* OOUI: PanelLayout *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/layouts/PanelLayout.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/layouts.less */ .oo-ui-panelLayout-framed { border-color: var(--ooui--panellayout-border-color); } /********* OOUI: ButtonGroupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonGroupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: var(--ooui--button-disabled-border-left); } .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { border-left-color: var(--ooui--button-border-left); } /********* OOUI: ButtonSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ButtonSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left: var(--ooui--button-disabled-border-left); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } /********* OOUI: CheckboxInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/CheckboxInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-checkboxInputWidget [type=checkbox] + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; filter: none; } .oo-ui-checkboxInputWidget [type=checkbox]:indeterminate + span::before { background-color: var(--ooui--checkbox-border-color); } .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span { background-color: var(--ooui--checkbox-disabled-background-color); border-color: var(--ooui--checkbox-border-color); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span { border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span { border-color: var(--ooui--checkbox-border-color--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span { background-color: var(--ooui--checkbox-border-color); border-color: var(--ooui--checkbox-border-color); box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); border-width: 2px; background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color--hover); background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span { background-color: transparent; border-color: var(--ooui--checkbox-border-color); box-shadow: none; } /********* OOUI: DropdownInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { transition-duration: unset; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: transparent; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: var(--ooui--dropdown-disabled-color); border-color: transparent; } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-enabled:hover { background-color: var(--ooui--dropdown-background-color--hover); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled { background-color: var(--ooui--dropdown-disabled-background-color); } .oo-ui-dropdownInputWidget-php.oo-ui-widget-disabled select { border-color: var(--ooui--dropdown-disabled-border-color); } /********* OOUI: DropdownWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/DropdownWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-dropdownWidget-handle { border-color: var(--ooui--dropdown-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); color: var(--theme-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: var(--ooui--dropdown-background-color--hover); color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: var(--theme-text-color); border-color: var(--ooui--dropdown-border-color--hover); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: var(--ooui--dropdown-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--dropdown-border-color--focus); } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: var(--ooui--dropdown-background-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: var(--ooui--dropdown-disabled-color); text-shadow: none; border-color: var(--ooui--dropdown-disabled-border-color); background-color: var(--ooui--dropdown-disabled-background-color); } /********* OOUI: LabelWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/LabelWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-labelWidget.oo-ui-inline-help { color: var(--ooui--inlinehelp-color); } /********* OOUI: MenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-selected-background-color); color: var(--theme-link-color); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--theme-text-color); } /********* OOUI: MenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSectionOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSectionOptionWidget { color: var(--ooui--menusectionoption-color); } /********* OOUI: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MenuSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-menuSelectWidget { background-color: var(--ooui--menuselect-background-color); border-color: var(--ooui--menuselect-border-color); } /********* OOUI: MessageWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MessageWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--ooui--messagewidget-error-background-color); border-color: var(--ooui--messagewidget-error-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--ooui--messagewidget-success-background-color); border-color: var(--ooui--messagewidget-success-border-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-error-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { color: var(--ooui--messagewidget-success-color); } /********* OOUI: MultioptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/MultioptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: var(--ooui--multioption-disabled-color); } /********* OOUI: OptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--ooui--disabled-color); } /********* OOUI: OutlineOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--ooui--outlineoption-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--outlineoption-selected-background-color); color: var(--theme-text-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { background-color: var(--ooui--outlineoption-pressed-background-color); color: var(--theme-link-color); } /********* OOUI: OutlineSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/OutlineSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-outlineSelectWidget:focus { box-shadow: var(--ooui--outlineselect-box-shadow--focus); } /********* OOUI: PopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/PopupWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-popupWidget-popup { background-color: var(--ooui--popup-background-color); border-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: var(--ooui--popup-background-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: var(--ooui--popup-border-color); } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: var(--ooui--popup-background-color); } /********* OOUI: ProgressBarWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ProgressBarWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-progressBarWidget { border-color: var(--ooui--progressbar-border-color); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: transparent; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-bar-background-color); } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: var(--ooui--progressbar-disabled-border-color); } .oo-ui-progressBarWidget.oo-ui-pendingElement-pending { background-color: var(--ooui--progressbar-pending-background-color-1); background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent); } /********* OOUI: TabOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabOptionWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabOptionWidget { color: var(--ooui--taboption-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tabselect-highlighted-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: var(--ooui--tabselect-selected-background-color); color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--ooui--tabselect-selected-background-color); } .oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom-color: var(--theme-text-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-box-shadow-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--ooui--tabselect-frameless-highlighted-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--ooui--tabselect-frameless-selected-color); box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color); } .oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { box-shadow: inset 0 0 0 2px var(--ooui--tabselect-frameless-selected-box-shadow-color); } /********* OOUI: TabSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TabSelectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tabSelectWidget-framed { background-color: #1F1F1F; } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--ooui--tabselect-frameless-box-shadow-color); } /********* OOUI: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagItemWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagItemWidget { border-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: var(--theme-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var(--ooui--tagitem-background-color); color: var(--ooui--tagitem-color--hover); border-color: var(--ooui--tagitem-border-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--tagitem-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-border-color--focus); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover { border-color: var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus { border-color: var(--ooui--tagitem-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border: 0; box-shadow: none; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: var(--ooui--tagitem-border-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--ooui--tagitem-disabled-background-color); color: var(--ooui--tagitem-disabled-color); border-color: var(--ooui--tagitem-disabled-border-color); text-shadow: none; } /********* OOUI: TagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TagMultiselectWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-tagMultiselectWidget-handle { border: 1px solid var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--theme-text-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: var(--ooui--textarea-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: var(--ooui--textarea-readonly-background-color); background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--ooui--textarea-invalid-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } /********* OOUI: TextInputWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/TextInputWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: var(--ooui--textarea-pending-background-color-1); } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--ooui--textarea-placeholder-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--ooui--textarea-readonly-background-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-border-color--hover); } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-border-color--focus); } @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-border-color--focus); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus { outline-color: var(--ooui--textarea-invalid-border-color); } } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover { border-color: var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus { border-color: var(--ooui--textarea-invalid-border-color); box-shadow: inset 0 0 0 1px var(--ooui--textarea-invalid-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: var(--ooui--textarea-disabled-background-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); color: var(--ooui--textarea-disabled-color); text-shadow: none; border-color: var(--ooui--textarea-disabled-border-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: var(--ooui--textarea-placeholder-color); text-shadow: none; } /********* OOUI: ToggleButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleButtonWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less */ .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: transparent; color: var(--ooui--button-frameless-on-color); } /********* OOUI: ToggleSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/widgets/ToggleSwitchWidget.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/widgets.less#1951 */ .oo-ui-toggleSwitchWidget { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-box-shadow--focus); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--ooui--toggleswitch-border-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-grip-color); border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--ooui--toggleswitch-border-color--hover); border-color: var(--ooui--toggleswitch-border-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--ooui--toggleswitch-color--active); border-color: var(--ooui--toggleswitch-color--active); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--ooui--toggleswitch-grip-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--ooui--toggleswitch-disabled-background-color); border-color: var(--ooui--toggleswitch-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { background-color: transparent; border: 3px solid var(--ooui--toggleswitch-border-color); box-shadow: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--ooui--toggleswitch-disabled-grip-color); } /********* OOUI: WindowManager *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/WindowManager.less * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/windows.less */ .oo-ui-windowManager-modal { position: fixed; top: var(--wikigg-header-height); bottom: 0; left: 0; right: 0; z-index: 101; pointer-events: none; } .oo-ui-windowManager-modal > .oo-ui-dialog { position: absolute; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { background-color: var(--ooui--window-background-color); } .oo-ui-windowManager-modal > * { pointer-events: auto; } .oo-ui-windowManager-modal:not(.oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--ooui--window-border-color); } /* fix scrolling */ body.oo-ui-windowManager-modal-active { overflow: unset; } /* -------------------------------------------------------------------------------- */ /********* RCFilters *********/ /* Filtering interface at the top of [[Special:RecentChanges]], [[Special:Watchlist]], and [[Special:RelatedChanges]]. * For documentation of the project, see https://www.mediawiki.org/wiki/Edit_Review_Improvements/New_filters_for_edit_review */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less */ .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--ooui--dialog-border-color--lighter); } .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after { background-color: var(--ooui--checkbox-border-color); } /********* RCFilters: ChangesListWrapperWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.less */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--oouihelper--disabled); } .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: var(--oouihelper--themerelated-disabled); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-blue-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-green-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-yellow-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-orange-background-color); } .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: var(--theme-notice-red-background-color); } /* the mixing of two and more colors is impossible with CSS variables, unless of course each mixed color is hardcoded */ /********* RCFilters: DatePopupWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.DatePopupWidget.less */ .mw-rcfilters-ui-datePopupWidget { border-top-color: var(--ooui--textarea-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: var(--theme-text-color-note); } /********* RCFilters: FilterItemHighlightButton *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less */ .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle { /* override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements, which prevents this circle's color from being displayed properly */ filter: none; } /********* RCFilters: FilterMenuHeaderWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less */ .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--theme-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom-color: var(--ooui--textarea-border-color); background-color: var(--ooui--textarea-readonly-background-color); } /********* RCFilters: FilterMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less */ .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: transparent; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--ooui--dropdown-disabled-color); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } /********* RCFilters: FilterMenuSectionOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--ooui--dropdown-disabled-background-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--ooui--dropdown-disabled-color); } /********* RCFilters: FilterTagMultiselectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less */ .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-readonly-background-color); border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget { border-bottom-color: var(--ooui--textarea-border-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle { background-color: var(--ooui--textarea-background-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--theme-text-color-note); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--theme-text-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--ooui--textarea-border-color); } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--theme-text-color-note); } /********* RCFilters: FilterTagMultiselectWidgetMobile *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less */ .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] { background-color: var(--ooui--textarea-readonly-background-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder { color: var(--ooui--textarea-placeholder-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder { color: var(--ooui--textarea-placeholder-color); } /********* RCFilters: HighlightColorPickerWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less */ .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon.oo-ui-icon-check { /* Override the rule from base OOUI where we apply a filter to all ".oo-ui-iconElement-icon" * elements. This is not necessary here because the six circles have the same color in all * themes, so this checkmark needs to be the same in all themes as well. */ filter: none; } /********* RCFilters: ItemMenuOptionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-width: 3px; border-top-color: var(--ooui--menuselect-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--ooui--menuselect-highlighted-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--ooui--menuselect-selected-background-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--theme-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--theme-text-color-note); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel { color: var(--theme-text-color-note); } /********* RCFilters: LiveUpdateButtonWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less */ .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after { background: rgba(var(--theme-link-color--rgb), 0.5); } /********* RCFilters: MenuSelectWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less */ .mw-rcfilters-ui-menuSelectWidget-noresults { color: var(--theme-text-color-note); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--ooui--textarea-readonly-background-color); border-top-color: var(--ooui--textarea-border-color); } /********* RCFilters: SavedLinksListItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SavedLinksListItemWidget.less */ .mw-rcfilters-ui-savedLinksListItemWidget:hover { /* Mimicking OOUI optionWidget styles */ background-color: var(--ooui--menuselect-highlighted-background-color); color: var(--theme-text-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--theme-link-color); } /********* RCFilters: TagItemWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less */ .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-disabled-background-color); border-color: var(--ooui--tagitem-disabled-border-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--ooui--tagitem-disabled-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: var(--ooui--tagitem-background-color); border-color: var(--ooui--tagitem-border-color--focus); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--theme-text-color-note); } /********* RCFilters: ViewSwitchWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ViewSwitchWidget.less */ .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--theme-text-color); } /********* RCFilters: WatchlistTopSectionWidget *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less */ .mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top-color: var(--ooui--textarea-border-color); } /* -------------------------------------------------------------------------------- * ==================================== Codex ===================================== * -------------------------------------------------------------------------------- * Codex ([[mw:Codex]]) appears to be a replacement for OOUI (see system/OOUI.scss). * * Codex version 1.0.0 was added as part of the MediaWiki 1.41 update. * -------------------------------------------------------------------------------- */ :root { --color-base: var(--theme-text-color); --color-progressive:var(--theme-link-color); } /********* Codex: Button *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/button/Button.vue#105 */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background: var(--ooui--button-background); color: var(--ooui--button-color); border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow); } @supports (mask-image: none) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-color--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--ooui--button-color--hover); } } .cdx-button:enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--ooui--button-progressive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover { color: var(--ooui--button-destructive-color--hover); background: var(--ooui--button-background--hover); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-top: var(--ooui--button-border-top); border-right: var(--ooui--button-border-right); border-bottom: var(--ooui--button-border-bottom); border-left: var(--ooui--button-border-left); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-progressive-color--hover); border-color: var(--ooui--button-progressive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-progressive-color); border-color: var(--ooui--button-progressive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-progressive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover { background: var(--ooui--button-background--hover); color: var(--ooui--button-destructive-color--hover); border-color: var(--ooui--button-destructive-primary-border-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active { background: var(--ooui--button-background); color: var(--ooui--button-destructive-color); border-color: var(--ooui--button-destructive-primary-border-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background: unset; border: 0; box-shadow: unset; } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background: unset; color: var(--ooui--button-color--hover); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background: unset; color: var(--ooui--button-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-color); } } .cdx-button:enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:focus:not(:active):not(.cdx-button--is-active) { box-shadow: var(--ooui--button-box-shadow--focus); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--ooui--button-progressive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: unset; color: var(--ooui--button-progressive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--ooui--button-progressive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-progressive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-progressive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive { color: var(--ooui--button-destructive-color); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { background-color: unset; color: var(--ooui--button-destructive-color--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon { background-color: var(--ooui--button-destructive-color--hover); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { background-color: unset; color: var(--ooui--button-destructive-color); border-top: var(--ooui--button-border-top--hover); border-right: var(--ooui--button-border-right--hover); border-bottom: var(--ooui--button-border-bottom--hover); border-left: var(--ooui--button-border-left--hover); } @supports (mask-image: none) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: var(--ooui--button-destructive-color); } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--ooui--button-destructive-primary-border-color); box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus); } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background: var(--ooui--button-disabled-background); color: var(--ooui--button-disabled-color); border-top: var(--ooui--button-disabled-border-top); border-right: var(--ooui--button-disabled-border-right); border-bottom: var(--ooui--button-disabled-border-bottom); border-left: var(--ooui--button-disabled-border-left); } @supports (mask-image: none) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: var(--ooui--button-disabled-color); } @supports (mask-image: none) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: var(--ooui--button-disabled-color); } } /********* Codex: TextInput *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v1.0.0/packages/codex/src/components/text-input/TextInput.vue#323 */ .cdx-text-input__input:enabled { background-color: var(--ooui--textarea-background-color); color: var(--theme-text-color); border-color: var(--ooui--textarea-border-color); } .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input__input:enabled:hover { border-color: var(--ooui--textarea-border-color--hover); } .cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue, .cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue { color: var(--theme-text-color); } .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus); } .cdx-text-input__input:enabled:read-only { background-color: var(--ooui--textarea-readonly-background-color); } .cdx-text-input__input:disabled { background-color: var(--ooui--textarea-disabled-background-color); color: var(--ooui--textarea-disabled-color); -webkit-text-fill-color: var(--ooui--textarea-disabled-color); border-color: var(--ooui--textarea-disabled-border-color); } .cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue { color: var(--ooui--textarea-disabled-color); } .cdx-text-input__input::placeholder { color: var(--ooui--textarea-placeholder-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled { border-color: var(--ooui--textarea-invalid-border-color); } .cdx-text-input--status-error .cdx-text-input__input:enabled:focus { border-color: var(--ooui--textarea-border-color--focus); } /* -------------------------------------------------------------------------------- */ /********* Pages with content model "JSON" *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.content.json.less */ .mw-json th, .mw-json td { border-color: var(--theme-box-border-color); } .mw-json tr { background-color: transparent; } .mw-json th { background-color: var(--theme-box-background); } .mw-json-value, .mw-json-single-value { background-color: var(--theme-highlight-background); } @media screen { html.skin-theme-clientpref-night .mw-json-value, html.skin-theme-clientpref-night .mw-json-single-value { background-color: var(--theme-highlight-background); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-json-value, html.skin-theme-clientpref-os .mw-json-single-value { background-color: var(--theme-highlight-background); } } .mw-json-single-value { background-color: var(--theme-highlight-background); } .mw-json-empty { background-color: var(--theme-box-background); } /********* api.php *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.apipretty/apihelp.css */ .apihelp-flags { border-color: var(--oouihelper--borderdark); } .apihelp-deprecated, .apihelp-internal, .apihelp-flag-deprecated, .apihelp-flag-internal strong { color: var(--theme-text-color-red); } .apihelp-unknown { color: var(--theme-text-color-note); } .apihelp-empty { color: var(--theme-text-color-note); } /* overwriting styles from the "apioutput" skin (can't find the base stylesheet) */ .skin-apioutput .mw-body { background: var(--theme-background); color: var(--theme-text-color); margin: 20px; padding: 10px; } /* Fix empty parameter descriptions having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } /* Theme color for h3 headings */ .apihelp-header { color: var(--theme-heading-color); } /********* ?action=history *********/ /* History pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#21 */ #pagehistory li.selected { background-color: transparent; color: inherit; } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.history.styles.less#47 */ .updatedmarker { background-color: var(--oouihelper--yellow); } /********* changeslist *********/ /* Special:Watchlist, Special:RecentChanges, etc. */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.changeslist/default.less#18 */ /* Colored byte size change numbers */ .mw-plusminus-pos { color: var(--theme-text-color-green); } .mw-plusminus-neg { color: var(--theme-text-color-red); } .mw-plusminus-null { color: var(--theme-text-color-note); } /* Colors in the "Legend" box for the non-JavaScript version of Special:RecentChanges * (and to prevent a color flash for the JavaScript version) */ .mw-changeslist-legend { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } /********* redirect *********/ /* Arrow on redirect pages */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.less#18 */ /* In the default style, the icon is the background of the <li> element. * We want to apply a filter to the image only (not the text), so we have to * move the image to a new pseudo-element. */ .redirectText li { /* moving the background-image from the <li> element... */ background: none; padding-left: 0; padding-right: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .redirectText li:before { /* ... to a new pseudo-element */ content: ""; padding-left: 47px; filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */ } .mw-content-ltr .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg); } .mw-content-rtl .redirectText li:before { background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-rtl.svg); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--theme-third-color); } @media screen { html.skin-theme-clientpref-night .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-night .redirectText li > a { filter: none; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .redirectText li { /* we use our own --ooui--icon-normal-filter */ filter: none; } html.skin-theme-clientpref-os .redirectText li > a { filter: none; } } /********* File: namespace *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#116 */ #filetoc { border-color: var(--theme-box-border-color); background-color: var(--theme-highlight-background); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.view.filepage.less#142 */ .mw_metadata td, .mw_metadata th { border-color: var(--theme-box-border-color); /* overwrite our "table th, table td" rule and restore MediaWiki default */ padding-top: 0; padding-bottom: 0; } .mw_metadata th { background-color: var(--theme-box-background); } .mw_metadata td { background-color: var(--theme-highlight-background); } /* space between the "Open in MediaViewer" button and page content * (needs the ".fullMedia +" because "#mw-imagepage-content" is different on file * page revision diffs) */ .fullMedia + #mw-imagepage-content { margin-top: 1em; } /********* helpers *********/ /* Helper classes used across special pages and actions */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#12 */ .unpatrolled { color: var(--ooui--messagewidget-error-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#52 */ /* The auto-generated edit comments */ .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#59 */ /* rev_deleted stuff */ li span.deleted, span.history-deleted { color: var(--ooui--messagewidget-error-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.interface.helpers.styles/linker.styles.less#81 */ /* "| contribs |" links for users with no edits, e.g. on Special:AbuseLog/x */ .mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--theme-link-color-redlink); } /********* ?action=edit *********/ /* Styles for elements of the editing form */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#37 */ .mw-editform #wpTextbox1 { font-size: var(--font-size-s); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.action/mediawiki.action.edit.styles.less#101 */ .editOptions { background-color: var(--ooui--messagewidget-notice-background-color); color: var(--theme-text-color); border-color: var(--ooui--messagewidget-notice-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikiEditor-ui-toolbar { background-color: var(--theme-background); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: #4a4d53; } /********* HTMLForm *********/ /* base styles are here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.styles/styles.less */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.htmlform.ooui.styles.less#28 */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: var(--oouihelper--textinput-background-lighter); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--oouihelper--textinput-background); } /********* [[Special:AllMessages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/special.less#15 */ #mw-allmessagestable tbody:hover td { background-color: var(--oouihelper--textinput-background-lighter); } #mw-allmessagestable .am_default { background-color: var(--oouihelper--yellow-darker); } #mw-allmessagestable tbody:hover .am_default { background-color: var(--oouihelper--yellow); } #mw-allmessagestable .am_actual { background-color: var(--oouihelper--green-darker); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--oouihelper--green); } /********* [[Special:NewPages]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/newpages.less#13 */ .not-patrolled { background-color: var(--oouihelper--yellow); } /********* [[Special:Search]] *********/ /* Search result page */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.search.styles.less */ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-result-data { color: var(--theme-text-color-note); } .mw-search-profile-tabs { background: none; border: 0; margin: 1em 0; } .search-types { width: 100%; float: none; padding: 0; } .search-types li { float: none; display: inline-block; vertical-align: middle; } .search-types .current a { color: var(--theme-text-color); } .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .search-types + div { display: none; } .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } #mw-search-top-table { display: flex; align-items: center; } #mw-searchoptions { background: var(--theme-box-background); padding: 1em; border: 1px solid var(--theme-box-border-color); border-radius: 4px; } #mw-searchoptions .divider { border-color: var(--theme-box-border-color); } /* responsive tweak */ @media screen and (max-width: 600px) { #mw-search-top-table { display: block; } .results-info { margin-top: 1em; } .search-types ul li { font-size: 12px; } } /********* [[Special:ApiSandbox]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.apisandbox/apisandbox.less#4 */ /* Fix background color of the bar at the top which contains the "Make request" and "Clear" buttons on the right */ .mw-apisandbox-toolbar { background-color: var(--ooui--tabselect-background-color); } /********* [[Special:Diff]] *********/ /* Diff rendering */ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.diff.styles/diff.less */ /* Add diff accent to make even smaller changes visible */ .diffchange-inline { border: 1px #fe603f dashed; } /* More noticeable diff coloring */ .diff td.diff-context { background: none repeat scroll 0 0 transparent; color: var(--theme-text-color); border-color: rgba(var(--theme-border-color--rgb), 0.5); } .diff td.diff-deletedline { background-color: #ffe49c; border-color: #ffe49c; color: #000; } .diff td.diff-deletedline .diffchange { background-color: #feeec8; color: #000; } .diff td.diff-addedline { background-color: #a3d3ff; border-color: #a3d3ff; color: #000; } .diff td.diff-addedline .diffchange { background-color: #d8ecff; color: #000; } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { color: #000; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { color: #000; } .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { color: #000; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { /* theme-dependent color of the arrow that indicates a line was moved */ color: var(--theme-text-color); } /********* Special:CreateAccount *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.userlogin.signup.styles/signup.less */ /* Theme-dependent color of the icons (this also affects the text) */ .mw-createacct-benefits-list > div { filter: var(--ooui--icon-normal-filter); } /********* [[Special:Upload]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special/upload.css */ /* Warning box that appears sometimes when uploading a file */ .mw-destfile-warning { border-color: var(--ooui--messagewidget-warning-border-color); color: var(--theme-text-color); background-color: var(--ooui--messagewidget-warning-background-color); } #mw-htmlform-description input { /* The carets in the "File description" fields use the current theme's * text color, which is in most themes hard to read on the hard-coded * white background */ caret-color: unset; } /********* [[Special:Preferences]] *********/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_43/resources/src/mediawiki.special.preferences.styles.ooui.less */ .mw-email-not-authenticated .oo-ui-labelWidget, .mw-email-none .oo-ui-labelWidget { color: unset; } .mw-email-not-authenticated .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-warning-background-color); border-color: var(--ooui--messagewidget-warning-border-color); } .mw-email-none .oo-ui-labelWidget { background-color: var(--ooui--messagewidget-notice-background-color); border-color: var(--ooui--messagewidget-notice-border-color); } #preferences .mw-htmlform-submit-buttons { background-color: var(--theme-background); border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--ooui--textarea-readonly-background-color); } .mw-prefs-search-highlight { background-color: var(--theme-text-background-color-highlight) !important; outline-color: var(--theme-text-background-color-highlight) !important; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border-color: var(--ooui--panellayout-border-color); } .client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group { border-top-color: var(--ooui--panellayout-border-color); } .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: var(--theme-text-background-color-highlight); outline-color: var(--theme-text-background-color-highlight); } /* overwriting a rule from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/tags/v0.51.2/src/themes/wikimediaui/layouts.less#65 * the max-width set there unnecessarily limits the gadget descriptions, so we reset it */ #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, #mw-prefsection-gadgets .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /*********************************************************************************************************** * CSS for certain MediaWiki extensions ***********************************************************************************************************/ /********* Extension:TabberNeue *********/ .infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) { display: flex; justify-content: center; } /* overwriting styles from here: * https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/blob/main/modules/ext.tabberNeue.legacy/ext.tabberNeue.legacy.less */ .tabber__header { margin-bottom: 4px; box-shadow: inset 0 -1px 0 0 var(--oouihelper--themerelated-lighter-transparent); } .tabber__header__prev:after { left: 2px; } .tabber__header__next:after { right: 2px; } .tabber__header__prev:after, .tabber__header__next:after { filter: var(--ooui--icon-normal-filter); } .tabber__indicator { background-color: var(--theme-link-color); } .tabber__tab { padding-top: 2px; color: var(--theme-text-color); } .tabber__tab:visited { color: var(--theme-text-color); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-link-color); } .tabber__panel { overflow-x: unset; } /********* Extension:Cargo *********/ /* Removes redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display: none; } /* Maximum image size for NPC images storing in Cargo table */ .npcimg img { height: auto; width: auto; max-height: 100px; max-width: 100px; } /* (max-width: 549px) */ div#header { background: none; border: 0; padding-top: 0; border-bottom-color: var(--theme-box-border-color); } /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cargo/+/refs/heads/REL1_41/resources/Cargo.css */ span.cargoFieldName { color: var(--theme-text-color-note); } /* Table row "zebra striping" ([[Special:CargoQuery]]) */ table.cargoTable.noMerge tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25); } table.cargoTable.noMerge tr:nth-child(even) { background: none; } table.cargoTable.mergeSimilarCells td.odd { background: rgba(0, 0, 0, 0.25); } table.cargoTable.mergeSimilarCells td.even { background: none; } div.cargoReplacementTableInfo { background-color: rgba(255, 255, 255, 0.2); } /* The query table at the bottom of [[Special:CargoQuery]] */ div.specialCargoQuery-extraPane { background: var(--oouihelper--text-background); border-color: var(--oouihelper--borderdark); } /********* Tables *********/ table { border: 0 solid var(--theme-box-border-color); border-collapse: separate; border-spacing: 0; padding: 0; } table th, table td { border: 0 solid var(--theme-border-color); padding: 2px; } table tfoot:empty, table thead:empty { display: none; } table.wikitable { color: inherit; background: none; border-collapse: collapse; border-color: var(--theme-border-color-accent); } table.wikitable th, table.wikitable td { border-color: var(--theme-border-color-accent); } table.wikitable th { color: inherit; background: none; } table.lined { border-top-width: 1px; } table.lined th, table.lined td { border-bottom-width: 1px; } table.cellborder { border-collapse: collapse; } table.cellborder th, table.cellborder td { border-width: 1px; } /* .topline, .bottomline, .noline */ table tr.topline th, table tr.topline td, table th.topline, table td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.bottomline th, table tr.bottomline td, table th.bottomline, table td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); } table tr.noline th, table tr.noline td, table th.noline, table td.noline { border-width: 0; } table tr.noline th.topline, table tr.noline td.topline { border-top-width: 1px; border-top-color: var(--theme-border-color); } table tr.noline th.bottomline, table tr.noline td.bottomline { border-bottom-width: 1px; border-bottom-color: var(--theme-border-color); /* this is necessary because "table.terraria td" elements have an invisible border */ } /********* headings *********/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 32px; line-height: 40px; } .mw-body-content h2 { font-size: 26px; line-height: 32px; margin-top: 18px; margin-bottom: 12px; } .mw-body-content h2::after { content: ""; display: block; pointer-events: none; height: 0; border-top: 1px solid var(--theme-hr-color-top); border-bottom: 1px solid var(--theme-hr-color-bottom); margin-top: 3px; } .vector-body h3 { font-size: 22px; line-height: 28px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } .vector-body h4 { font-size: 16px; } .vector-body h5 { font-size: 14px; } .vector-body h6 { font-size: 12px; } } /*** section edit link ****/ /* overwriting styles from here: * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_41/resources/src/mediawiki.skinning/interface-edit-section-links.less */ /* Replaces the "[edit]" text with a pencil icon */ .mw-editsection { white-space: nowrap; /* make font-size the same as the section's h1/2/3/... element */ font-size: unset; line-height: 1em; --theme-icon-color: var(--theme-link-color-accent); } .mw-editsection .mw-editsection-bracket { /* hide the brackets*/ display: none; } .mw-editsection a { display: inline-block; /* hide the text */ color: transparent; width: 1em; height: 1em; margin-left: -0.5em; --mask: var(--icon-pencil) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 85% 85%; mask-size: 85% 85%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } /** ToC **/ .toc, .toc * { box-sizing: border-box; } /* base common style */ .toc { border: 1px solid var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); background: var(--theme-box-background); padding: var(--layout-box-padding); margin: var(--layout-gap-l) 0; font-size: unset; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctitle h2, .toc .toctitle .toctogglespan { line-height: 20px; margin: 0; border: 0; } .toc .toctitle h2 { padding: 0 8px; font-weight: normal; display: flex; align-items: center; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; font-size: unset; line-height: unset; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { /* arrow */ content: ""; display: block; pointer-events: none; --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); width: 14px; height: 14px; flex: 0 0 auto; transform: scaleY(-1); } .toc .toctogglelabel:hover::before { background-color: var(--theme-icon-color-hover); } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { transform: none; } .toc .toctogglecheckbox:checked ~ ul { /* do not change ToC title size when toggle show/hide. */ overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; margin: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { margin: var(--layout-box-padding) 0 0 0; border-top: 1px solid var(--theme-border-color); padding-top: var(--layout-box-padding); } .toc > ul a { display: block; padding: 2px 8px; border-radius: 4px; transition: background 0.3s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /* Thumbnail background color */ html .thumbimage { background-color: #0b0029; } /********* Gallery *********/ .thumbinner { border-radius: 5px; background-color: transparent; } li.gallerybox div.thumb { border-radius: 5px; border-width: thin; background-color: transparent; border-color: var(--pi-secondary-background); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; background: none; } .mw-gallery-traditional .thumb a { display: block; } /* PDF Embeds, base code by https://palia.wiki.gg/ */ iframe.pdf-embed { max-width: 100%; max-height: calc(100vh - 60px); } /********* Unknown *********/ /* Styles which have an unknown/unclear purpose; should be removed if it's clear that * they have no use. If they're still needed, they should be moved to the proper location * and given an explanation. Remember that they might be used by the Terraria Mods Wiki * or a language wiki. */ /* seems unused; [[Special:SpecialPages]] only uses ".mw-specialpages-list" elements */ .mw-specialpages-table { margin-bottom: 0; margin-top: 0; } /* seems unused; [[Special:Contribs]] only uses ".mw-contributions-list" elements */ /* where is this defined in the MediaWiki internal CSS? */ .mw-contributions-table > :nth-child(3) label + select, .mw-contributions-table > :nth-child(4) label + input { display: inline; margin: 0; } .mw-contributions-table .mw-input-with-label { vertical-align: middle; } /* Notification */ /* .theme-mode-dark doesn't seem to be used anymore */ .theme-mode-dark .postedit::after { filter: invert(100%); } /* Warning color */ /* used at least by Extension:Cite; see https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/Cite/+/refs/heads/REL1_39/src/ErrorReporter.php#103 */ /* where is this defined in the MediaWiki internal CSS? */ .warning { color: var(--oouihelper--yellow); } /* where is this used? where is it defined in the MediaWiki internal CSS? */ .page-content ol.special { list-style-position: inside; margin-left: auto; } /* Remove external link icon */ /* where is this used? where is it defined in the MediaWiki internal CSS? */ .link-https { padding-right: 0; background: none; } /* Larger font for Module: code display (default is smaller than other code pages) */ /* where is this really used? neither short modules (Module:Bananas) nor long modules * (Module:Exclusive/data) have ".lua" or ".source-lua" classes. where is it defined * in the MediaWiki internal CSS? */ pre.lua.source-lua { font-size: 14px !important; } /********* [[Template:Reflist]] *********/ /* based on https://en.wikipedia.org/wiki/Template:Reflist/styles.css */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, theme vars, etc. ***********************************************************************************************************/ /*** vars, for theming ***/ :root { --theme-page-background-color--secondary: rgba(255,255,255,0.2); /* the following "--custom-notice-" vars are deprecated, please use the "--theme-notice-" vars directly instead */ --custom-notice-blue-background-color: var(--theme-notice-blue-background-color); --custom-notice-blue-border-color: var(--theme-notice-blue-border-color); --custom-notice-red-background-color: var(--theme-notice-red-background-color); --custom-notice-red-border-color: var(--theme-notice-red-border-color); --custom-notice-purple-background-color: var(--theme-notice-purple-background-color); --custom-notice-purple-border-color: var(--theme-notice-purple-border-color); --custom-notice-green-background-color: var(--theme-notice-green-background-color); --custom-notice-green-border-color: var(--theme-notice-green-border-color); --custom-notice-yellow-background-color: var(--theme-notice-yellow-background-color); --custom-notice-yellow-border-color: var(--theme-notice-yellow-border-color); --custom-notice-orange-background-color: var(--theme-notice-orange-background-color); --custom-notice-orange-border-color: var(--theme-notice-orange-border-color); --custom-notice-pink-background-color: var(--theme-notice-pink-background-color); --custom-notice-pink-border-color: var(--theme-notice-pink-border-color); --custom-template-expert-color: #ffb556; --custom-template-master-color: #ff5656; --custom-template-journey-color: #ff69c4; --custom-modetabs-expert-background-color: #ffeece; --custom-modetabs-expert-border-color: #ffca67; --custom-modetabs-expert-label-color: #eae3d1; --custom-modetabs-master-background-color: #ffe9e9; --custom-modetabs-master-border-color: #ffbaba; --custom-modetabs-master-label-color: #eae3d1; /*************************************************************************/ /* temp */ --theme-page-background-color: rgba(255,255,255,0.03); } /**** Theme vars START ***********************************************************/ /*** base default theme (Overworld/dark) ***/ :root { /* common */ --theme-highlight-background: rgba(20,20,20, 0.25); /******* "real" wiki content ********/ /* modetabs */ --theme-modetabs-classic-background: var(--theme-box-background); --theme-modetabs-classic-border-color: var(--theme-border-color); --theme-modetabs-classic-text-color: var(--theme-text-color-highlight); --theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-background: #a1743a80; --theme-modetabs-expert-border-color: #ffca67; --theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-expert-text-color-label: #dab2fa; --theme-modetabs-master-background: #a9545467; --theme-modetabs-master-border-color: #ffbaba; --theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color); --theme-modetabs-master-text-color-label: #ff6c60; } :root { /* floating scroll for wide table */ --theme-wide-table-shadow-color: #999; /* background & logo */ --theme-site-background: #1a1a1a url(/images/c/c3/Site_background_crops.png) center top / cover no-repeat fixed; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-width: 200px; --theme-site-logo-height: 140px; --theme-site-logo-filter: none; --theme-secondary-color: #A0C213; --theme-secondary-color--rgb: rgb(160, 194, 19); --theme-third-color: #A0C213; --theme-third-color--rgb: 1, 98, 245; --theme-third-color--rgba: 1, 98, 245, 1; --theme-navbox-color-one: #0e191a; --theme-navbox-color-two: #131e1e; /* content background */ --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-content-background-color--rgb: 21, 34, 37; /* background for accent block */ --theme-background-accent: rgba(20,20,20,0.5); /* the "grass" */ /*--theme-top-background: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top left repeat-x; */ --theme-top-background: none; --theme-top-background-height: 0px; /* height of the image above. */ --theme-top-background-offset: 0px; /* top */ /* text color */ /* main text color */ --theme-text-color: #eae3d1; --theme-text-color--rgb: 14,25,26; --theme-text-color-note: #b5bdb2; /* subdued, "note"-style text color */ --theme-text-color-em: white; /* more prominent text color for emphasis */ --theme-text-color-highlight: #fff; --theme-text-color-control: #000; --theme-text-color-placeholder: rgba(234,227,209,0.4); --theme-heading-color: var(--theme-text-color); --theme-text-color-green: #00d400; --theme-text-color-orange: #ffa500; --theme-text-color-red: #fe9b9b; /* color behind text (normal and "note") to highlight it */ --theme-text-background-color-highlight: #645130; /* link text color */ --theme-link-color: #9fecf0; --theme-link-color--rgb: 159, 236, 240; --theme-link-color-hover: #86dcdf; --theme-link-color-visited: #86dcdf; --theme-link-color-redlink: #f66; --theme-link-color-accent: var(--theme-text-color-em); /* icon color */ --theme-icon-color: var(--theme-text-color); --theme-icon-color-link: var(--theme-link-color); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-icon-color-redlink: var(--theme-link-color-redlink); /* icon color of the toggle for collapsible elements */ --theme-collapsible-toggle-icon-color: var(--theme-text-color-note); --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover); /* hover mask */ --theme-highlight-background: rgba(160,194,19,0.70); /* "box" style for interface */ --theme-widget-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7); --theme-widget-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-widget-border-radius: 6px; --theme-widget-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); /* "box" style for content */ --theme-box-border-color: #000; --theme-box-border-color--rgb: 0, 0, 0; --theme-box-border-color-light: rgba(255, 255, 255, 0.1); --theme-box-border-color-inner: var(--theme-box-border-color); --theme-box-background: rgba(26,26,26,0.90); --theme-box-border-radius: 5px; --theme-box-border-radius-inner: 8px; --theme-box-inset-shadow: inset 0 0 4px 1px rgba(255,255,255, 0.08); --theme-border-color: var(--theme-box-border-color); /* inner, separate border line */ --theme-border-color--rgb: var(--theme-box-border-color--rgb); /* inner, separate border line */ --theme-border-color-accent: var(--theme-secondary-color); /* "horizontal rule" */ --theme-hr-color-top: rgb(20,20,20); --theme-hr-color-bottom: rgba(255,255,255, 0.1); /* dropdown menu body */ --theme-dropdown-border-width: 1px; /* single value */ --theme-dropdown-border-style: solid; --theme-dropdown-border-radius: var(--theme-widget-border-radius); --theme-dropdown-border-color: var(--theme-widget-border-color); --theme-dropdown-background: var(--theme-secondary-color); --theme-dropdown-shadow: 0px 0 5px 0px rgba(10,10,10, 0.3); /* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */ --theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%); --theme-notice-blue-border-color: hsl(200, 60%, 72%); --theme-notice-red-text-color: hsl(0, 100%, 70%); --theme-notice-red-background-color: hsla(0, 80%, 90%, 20%); --theme-notice-red-border-color: hsl(0, 60%, 72%); --theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%); --theme-notice-purple-border-color: hsl(243, 60%, 72%); --theme-notice-green-background-color: hsla(84, 80%, 90%, 20%); --theme-notice-green-border-color: hsl(84, 60%, 72%); --theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%); --theme-notice-yellow-border-color: hsl(58, 60%, 72%); --theme-notice-orange-text-color: hsl(28, 100%, 70%); --theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%); --theme-notice-orange-border-color: hsl(28, 60%, 72%); --theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%); --theme-notice-pink-border-color: hsl(324, 60%, 72%); } /* sidebar */ #mw-panel { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-section-background: var(--theme-widget-background); --theme-heading-background: rgba(0,205,208, 0.80); --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); } /* navbar */ #mw-head { --theme-link-color: var(--theme-link-color-accent); --theme-link-color-visited: var(--theme-link-color-accent); --theme-link-color-hover: var(--theme-link-color-accent); --theme-icon-color-hover: var(--theme-link-color-accent); --theme-icon-color-link: var(--theme-link-color-accent); --theme-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)), #121C1E; --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.25), transparent 30%); --theme-border-bottom-color: rgba(255,255,255, 0.1); --theme-tab-background-selected: var(--theme-secondary-color); /* same as #content background */ --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #121C1E; --theme-tab-border-color-selected: rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3) rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15); --theme-tab-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1); --theme-legacy-search-border-color: rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2); --theme-legacy-search-border-color-active: rgba(13, 4, 2, 0.3) rgba(255,255,255, 0.15) rgba(255,255,255, 0.15) rgba(13, 4, 2, 0.3); } #footer { --theme-background: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --theme-inner-shadow: inset var(--theme-widget-shadow); } /* catlinks */ .catlinks { --theme-background: rgba(10, 10, 10, 0.3); --theme-border-color: rgba(13,4,2,0.5) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(13,4,2,0.5); } /********* OOUI theming *********/ :root { /* These helper variables are defined for reuse in the variable definitions below */ --oouihelper--red: #b32424; --oouihelper--red-darker: #551111; --oouihelper--red-lighter: #f04848; --oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */ --oouihelper--red-lightest: #ff5959; --oouihelper--yellow: #ac6600; --oouihelper--yellow-darker: #4d2e00; --oouihelper--yellow-lighter: #ffcc33; --oouihelper--green: #006633; --oouihelper--green-darker: #00331a; --oouihelper--green-lighter: #00e673; --oouihelper--progressive: #9fecf0; --oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */ --oouihelper--progressive-lighter: #a7eef1; --oouihelper--disabled: #b3b3b3; --oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5); --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5); --oouihelper--borderdark: #000; --oouihelper--borderdark-lighter: #0e0c0c; --oouihelper--borderdark-hover: #72777d; --oouihelper--borderdark-focus: var(--oouihelper--progressive); --oouihelper--textinput-background: rgba(20, 20, 20, 0.65); --oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65); --oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.8); --oouihelper--placeholdertext: rgba(234, 227, 209, 0.4); --oouihelper--themerelated: var(--theme-third-color); --oouihelper--themerelated-lighter: #cdab78; --oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6); --oouihelper--themerelated-lightest: #e6dbcb; --oouihelper--themerelated-darker: #785f3a; --oouihelper--themerelated-darkest: #342919; --oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25); --oouihelper--themerelated-disabled-transparent: rgba(230, 219, 203, 0.05); --oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25); --oouihelper--text-background: #2c2421; /* ---------------------------------------------- */ /* Actual OOUI variables, grouped by element type */ /* misc */ --ooui--inlinehelp-color: var(--theme-text-color-note); --ooui--disabled-color: var(--oouihelper--disabled); /* all buttons */ --ooui--button-background--hover: linear-gradient(rgba(var(--theme-content-background-color--rgb),0.98),rgba(var(--theme-content-background-color--rgb),0.98)); --ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover); --ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px; --ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; /* "normal" button */ --ooui--button-border-top: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-right: 1px solid rgba(160, 194, 19, 1); --ooui--button-border-bottom: var(--ooui--button-border-right); --ooui--button-border-left: var(--ooui--button-border-top); --ooui--button-border-top--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-right--hover: 1px solid rgb(255, 255, 255); --ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover); --ooui--button-border-left--hover: var(--ooui--button-border-top--hover); --ooui--button-color: var(--theme-text-color); --ooui--button-color--hover: var(--theme-text-color-highlight); /* "progressive" button */ --ooui--button-progressive-color: var(--oouihelper--progressive); --ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter); --ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px; --ooui--button-progressive-primary-border-color: var(--oouihelper--progressive); --ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter); /* "destructive" button */ --ooui--button-destructive-color: var(--oouihelper--red-lighter); --ooui--button-destructive-color--hover: var(--oouihelper--red-lightest); --ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px; --ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter); --ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest); /* disabled button */ --ooui--button-disabled-color: var(--oouihelper--disabled); --ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover); --ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7); --ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7); --ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right); --ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top); /* frameless button */ --ooui--button-frameless-on-color: var(--theme-text-color-highlight); /* textarea */ --ooui--textarea-background-color: var(--oouihelper--textinput-background); --ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext); --ooui--textarea-border-color: var(--oouihelper--borderdark); --ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter); --ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker); --ooui--textarea-disabled-color: var(--oouihelper--disabled); --ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent); --ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9); --ooui--textarea-pending-background-color-2: #000; /* checkbox */ --ooui--checkbox-border-color: var(--oouihelper--themerelated); --ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); --ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon); /* radiobutton */ --ooui--radiobutton-border-color: var(--oouihelper--themerelated); --ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled); /* toggleswitch */ --ooui--toggleswitch-border-color: var(--oouihelper--themerelated); --ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter); --ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker); --ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest); --ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest); --ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled); --ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter); /* dropdown */ --ooui--dropdown-background-color: var(--oouihelper--textinput-background); --ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter); --ooui--dropdown-border-color: var(--oouihelper--borderdark); --ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus); --ooui--dropdown-disabled-color: var(--oouihelper--disabled); --ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent); /* selectfile */ --ooui--selectfile-border-color: #72777d; --ooui--selectfile-background-color: var(--oouihelper--textinput-background); --ooui--selectfile-candrop-background-color: #514743; /* tag item */ --ooui--tagitem-background-color: rgba(20, 20, 20, 0.75); --ooui--tagitem-border-color: var(--oouihelper--borderdark); --ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover); --ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest); --ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter); --ooui--tagitem-color--hover: #efeadc; --ooui--tagitem-disabled-color: var(--oouihelper--disabled); --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent); --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5); /* multioption */ --ooui--multioption-disabled-color: var(--oouihelper--disabled); /* progressbar */ --ooui--progressbar-border-color: var(--oouihelper--themerelated); --ooui--progressbar-bar-background-color: var(--oouihelper--themerelated); --ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled); --ooui--progressbar-pending-background-color-1: #7a6a52; --ooui--progressbar-pending-background-color-2: #4d4233; /* messagewidget */ --ooui--messagewidget-notice-background-color: #0c0c10; --ooui--messagewidget-notice-border-color: #2f231e; --ooui--messagewidget-error-background-color: var(--oouihelper--red); --ooui--messagewidget-error-border-color: var(--oouihelper--red-darker); --ooui--messagewidget-error-color: var(--oouihelper--red-lighter); --ooui--messagewidget-warning-background-color: var(--oouihelper--yellow); --ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker); --ooui--messagewidget-success-background-color: var(--oouihelper--green); --ooui--messagewidget-success-border-color: var(--oouihelper--green-darker); --ooui--messagewidget-success-color: var(--oouihelper--green-lighter); /* menuselectwidget */ --ooui--menuselect-background-color: var(--oouihelper--text-background); --ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--menuselect-border-color: var(--oouihelper--borderdark); --ooui--menusectionoption-color: var(--oouihelper--placeholdertext); /* tabselectwidget */ --ooui--tabselect-background-color: var(--oouihelper--text-background); --ooui--tabselect-selected-background-color: var(--theme-background); --ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter); --ooui--tabselect-frameless-selected-color: var(--theme-link-color); --ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color); --ooui--tabselect-frameless-highlighted-color: #bcd1d2; --ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2; --ooui--taboption-color: var(--oouihelper--placeholdertext); /* outlineselectwidget */ --ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px; --ooui--outlineoption-background-color: var(--oouihelper--text-background); --ooui--outlineoption-border-color: var(--oouihelper--borderdark); --ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker); --ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter); --ooui--outlineoption-pressed-background-color: #22292a; /* popupwidget */ --ooui--popup-background-color: var(--oouihelper--text-background); --ooui--popup-border-color: var(--oouihelper--borderdark); /* layouts */ --ooui--bookletlayout-border-color: var(--oouihelper--borderdark); --ooui--panellayout-border-color: var(--oouihelper--borderdark); /* dialog */ --ooui--dialog-border-color: var(--oouihelper--borderdark); --ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter); /* window */ --ooui--window-background-color: var(--oouihelper--text-background); --ooui--window-border-color: var(--oouihelper--borderdark); /* indicators */ /* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */ --ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--indicator-invert-filter: brightness(0); /* icons */ --ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%); --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%); --ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%); --ooui--icon-invert-filter: brightness(0); --ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */ --ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */ --ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */ } /******** Add-ons ********/ /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } .license-box-text::before { content: "©"; color: #AAA; float: left; font-size: 3em; line-height:100%; padding-right: 5px; padding-bottom: 2px; } /* Font weight for links */ .mw-parser-output a { font-weight: inherit; } .mobileonly { display: none; } /************ * Social for Main Page * Code adopted from https://dotage.wiki.gg/wiki/MediaWiki:Common.css by Skeleklin *************/ .gg-section { max-width: 50%; padding: 0 2rem 2rem 2rem; border-radius: 10px; } .gg-section .content { margin: 0; } .gg-social { padding: 1em 2em 2em 2em; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; color: rgba(255,255,255,0.8); display: flex; align-items: center; gap: 2em; margin-bottom: 2em; max-width: max-content; } .gg-social img { height: 50px; width: auto; } .gg-social a { color: #fff !important; } .gg-social.discord { background: #7289DA; } .gg-social.twitter { background: #56bbf9; } .gg-social.steam { background: #1b2838; } .card { min-width: 200px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: box-shadow 0.15s, transform 0.2s; background: #ffffffa3; } .card:hover { box-shadow: rgba(0,0,0,0.16) 0px 1px 13px; transform: translate(0, -5px); } .card__top { height: 100px; overflow: hidden; position: relative; } .card__top pre { padding: 0; margin: 0; background: none; } .card__top a { position: absolute; left: 0; } .card h2 { border: none; font-size: 1.5em; margin: 0; padding: 1em; } .gg-container { display: flex; width: 100%; gap: 1em; margin-top: 4em; } .gg-box { color: white; position: relative; margin-bottom: 50px; width: 200px; } .gg-box__header { font-family: "Vinque"; font-size: 1.5em; color: #36363d; background: var(--content-bg); /* margin-bottom: -9px; */ position: absolute; top: -34px; padding: 0.25em 0.5em; border-radius: 8px; border-bottom-left-radius: 0; } .gg-box__content { padding: 1em 0.5em 0.5em; background: #4c682fb3; border-radius: 8px; border: 2px solid #23253766; } .gg-content__item { padding: 0.25em 0.5em; background: #534d26db; border-radius: 5px; margin-bottom: 0.25em; } .gg-content__item a, .da-content__item a.new { color: #fff; } /** Border Color Style **/ .dlcimg img { margin-left: -15px; margin-top: -20px; margin-bottom: -30px; } .borderimg img { -webkit-filter: drop-shadow(0px 0px 10px #FFF); filter: drop-shadow(0px 0px 3.5px #FFF) drop-shadow(0.5px 0.5px 0.5px #FFF); } .borderimg2 img { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(0.5px 0.5px 0.5px #000); } /* Nav templates */ .navtemplate { border:1px solid var(--wiki-accent-color); } .navtemplate tr:nth-child(even) { background:var(--wiki-content-background-color--secondary); } .navtemplate th { border:1px solid var(--wiki-content-border-color); } /* end nav old templates */ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--theme-page-base-background); border: 1px solid var(--theme-mbox-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--theme-mbox-border-color); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--theme-page-base-background); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--theme-link-color-hover); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { background: #0002; border: 1px solid var(--theme-secondary-color); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /************ * Main Page * *************/ .MPheading { font-size: 2em; font-weight: 800; text-align: center; background:0 0; background-image: linear-gradient(to right,rgba(var(--theme-text-color--rgb),0) 0,var(--theme-text-color--rgb) 33%,var(--theme-text-color--rgb) 66%,rgba(var(--theme-text-color--rgb),0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; } .page-Main_Page .mw-parser-output .gallery { text-align: center; margin: 10px 0; } .mp-box { border:1px solid white; margin:10px 0; padding:5px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 10px; gap:5px; } .mp-links > ul > li { display:flex; flex-flow:row nowrap; align-items:center; text-align:center; justify-content:center; box-sizing:border-box; flex:max(calc(50% - 5px),5em) 1 1; border:1px solid var(--theme-link-color); background-color:rgba(var(--theme-text-color--rgb),0.05); font-size:115%; font-weight:bold; text-transform:uppercase; border-radius:3px } .mp-links.columns-1 > ul > li {flex: max(calc(100% - 5px), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - 5px), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc(33% - 5px), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - 5px), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - 5px), 5em) 1 1;} .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); outline:2px solid var(--wiki-content-border-color); } .mp-links > ul > li > a { display:flex; align-items:center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { justify-content:right; } .mp-links > ul > li > a:only-child { justify-content:center; } @media screen and (min-width: 1080px){ .page-Main_Page .mw-parser-output { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .mainpage-left { width: calc(100% - 550px); } .mainpage-right { width: 500px; } } /************ * Infoboxes * *************/ :root { --pi-background: #0e191a; --pi-secondary-background: var(--theme-third-color); --pi-secondary-background--rgb: 0,0,0; --pi-secondary-background-label: #FFFFFF; --pi-border-color: rgba(var(--theme-third-color--rgb),0.5); --pi-width: 300px; } .portable-infobox { border:1px solid var(--pi-border-color); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); color:var(--pi-secondary-background-label); } .portable-infobox, .portable-infobox .pi-title { border-radius: 2px; } .portable-infobox .pi-header { padding: 0.5em; font-size: 1.2em; } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); border-bottom: none; border-top-width: 1px; border-top-style: solid; } .pi-horizontal-group-item, .portable-infobox .pi-secondary-background.pi-navigation, .pi-panel-scroll-wrapper, .pi-media-collection-tabs { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .pi-tab-link.current, .pi-section-tab.pi-section-active .pi-section-label { color: var(--pi-secondary-background-label); } .portable-infobox .pi-collapse .pi-header { cursor: pointer; } /* if an image is the full original width, make it the full actual width */ .pi-image-thumbnail[width="270"] { width: var(--pi-width); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: var(--heading-font-family); font-weight: 700; margin: 0; } .portable-infobox .pi-secondary-background.pi-navigation { text-align: center; } @media screen and (max-width: 720px){ .portable-infobox { font-size: 0.85em; } } /**************** * End infoboxes * *****************/ /******************** * [[Template:Mbox]] * *********************/ .mbox { display: flex; position: relative; background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); border-left-width: 8px; margin-bottom: 5px; min-height: 32px; } .mbox-type-success { border-color: var(--wiki-success-color); } .mbox-type-info { border-color: var(--wiki-accent-color--hover); } .mbox-type-moderate { border-color: var(--wiki-warning-color); } .mbox-type-important { border-color: var(--wiki-alert-color); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 45px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; font-size: 2.5em; line-height: 1; } .mbox__content__image .icon-filter { filter: var(--wiki-icon-general-filter); } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--wiki-content-border-color); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--wiki-content-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--wiki-content-text-mix-color); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; } .mbox__content__image.fandom-icons { font-size: 2em; } #siteNotice .mbox { line-height: 1.4; } #siteNotice .mbox__close { display: none; } .sitedir-ltr .mw-dismissable-notice-body, .sitedir-rtl .mw-dismissable-notice-body { clear: both; margin: 0; } #siteNotice>#localNotice, .mw-dismissable-notice { font: status-bar; margin: 5px; background: #0002; border: 1px solid var(--pi-secondary-background); padding: .5em 1em 0; } /*********** * End Mbox * ************/ /******************* * Navboxes *******************/ /* * CSS Vars * */ .navbox { --navbox-bg-color: var(--oouihelper--themerelated-disabled-transparent); --navbox-text-color: var(--theme-text-color); --navbox-title-color: rgb(18,27,29); --navbox-header-color: rgb(18,27,29); --navbox-alt-color: var(--theme-navbox-color-one); --navbox-border-color: var(--theme-secondary-color); } .navbox { width: 100%; background: var(--navbox-bg-color, white); color: var(--navbox-text-color, black); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color, #AAA); } .navbox-title, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } /* Even row striping */ .navbox-even { background: var(--theme-navbox-color-two); color: #000; } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-bg-color, white); } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: var(--navbox-header-color, #DDF); text-align: center; } .navbox .navbox-image { background: var(--navbox-bg-color, white); text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: rgb(18,27,29); color: var(--navbox-text-color, black); font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: center; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color, white); } .navbox-image-right { border-left: 2px solid var(--navbox-bg-color, white); } .navbox .navbox-list { background: var(--oouihelper--themerelated-disabled-transparent); color: var(--navbox-text-color, black); width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: var(--navbox-alt-color, #F7F7F7); } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; } 63451d3f0d7eb828b867fe19ec902e6b3d610f85 353 352 2025-03-19T20:33:20Z MattN 585119 Reverted edits by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 22b9658e046977a69fb8e43f13ba099034dd3aa6 354 353 2025-03-19T20:35:19Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Dead Cells Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ e270b73b910cda5cb48a033cc2a614061c3f2ac5 359 354 2025-03-19T20:45:11Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Dead Cells Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ 4d2397113d142b06434f33069344d60344498275 361 359 2025-03-19T20:48:39Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Dead Cells Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ 596a65a96164fe508d708718ff2c7b30a6b799e1 370 361 2025-03-19T21:14:05Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Reave Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ e58bbde5cc310b24772613136c60518ebe8df6ca 8 235 355 346 2025-03-19T20:35:21Z MattN 585119 javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*! floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ !function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,(function(t){"use strict";var i="horizontal",n="vertical",e={init:function(t,n){var e=this;e.orientationProps=function(t){var n=t===i;return{ORIENTATION:t,SIZE:n?"width":"height",X_SIZE:n?"height":"width",OFFSET_SIZE:n?"offsetWidth":"offsetHeight",OFFSET_X_SIZE:n?"offsetHeight":"offsetWidth",CLIENT_SIZE:n?"clientWidth":"clientHeight",CLIENT_X_SIZE:n?"clientHeight":"clientWidth",INNER_X_SIZE:n?"innerHeight":"innerWidth",SCROLL_SIZE:n?"scrollWidth":"scrollHeight",SCROLL_POS:n?"scrollLeft":"scrollTop",START:n?"left":"top",X_START:n?"top":"left",X_END:n?"bottom":"right"}}(n);var o=t.closest(".fl-scrolls-body");o.length&&(e.scrollBody=o),e.container=t[0],e.visible=!0,e.initWidget(),e.updateAPI(),e.addEventHandlers(),e.skipSyncContainer=e.skipSyncWidget=!1},initWidget:function(){var i=this,n=i.orientationProps,e=n.ORIENTATION,o=n.SIZE,r=n.SCROLL_SIZE,c=i.widget=t('<div class="fl-scrolls" data-orientation="'+e+'"></div>');t("<div></div>").appendTo(c)[o](i.container[r]),c.appendTo(i.container)},addEventHandlers:function(){var i=this;(i.eventHandlers=[{$el:t(window),handlers:{"destroyDetached.fscroll":function(t){"fscroll"===t.namespace&&i.destroyDetachedAPI()}}},{$el:i.scrollBody||t(window),handlers:{scroll:function(){i.updateAPI()},resize:function(){i.updateAPI()}}},{$el:i.widget,handlers:{scroll:function(){i.visible&&!i.skipSyncContainer&&i.syncContainer(),i.skipSyncContainer=!1}}},{$el:t(i.container),handlers:{scroll:function(){i.skipSyncWidget||i.syncWidget(),i.skipSyncWidget=!1},focusin:function(){setTimeout((function(){i.widget&&i.syncWidget()}),0)},"update.fscroll":function(t){"fscroll"===t.namespace&&i.updateAPI()},"destroy.fscroll":function(t){"fscroll"===t.namespace&&i.destroyAPI()}}}]).forEach((function(t){var i=t.$el,n=t.handlers;return i.bind(n)}))},checkVisibility:function(){var t=this,i=t.widget,n=t.container,e=t.scrollBody,o=t.orientationProps,r=o.SCROLL_SIZE,c=o.OFFSET_SIZE,l=o.X_START,s=o.X_END,d=o.INNER_X_SIZE,a=o.CLIENT_X_SIZE,f=i[0][r]<=i[0][c];if(!f){var h=n.getBoundingClientRect(),u=e?e[0].getBoundingClientRect()[s]:window[d]||document.documentElement[a];f=h[s]<=u||h[l]>u}t.visible===f&&(t.visible=!f,i.toggleClass("fl-scrolls-hidden"))},syncContainer:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.widget[0][i];t.container[i]!==n&&(t.skipSyncWidget=!0,t.container[i]=n)},syncWidget:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.container[i];t.widget[0][i]!==n&&(t.skipSyncContainer=!0,t.widget[0][i]=n)},updateAPI:function(){var i=this,n=i.orientationProps,e=n.SIZE,o=n.X_SIZE,r=n.OFFSET_X_SIZE,c=n.CLIENT_SIZE,l=n.CLIENT_X_SIZE,s=n.SCROLL_SIZE,d=n.START,a=i.widget,f=i.container,h=i.scrollBody,u=f[c],S=f[s];a[e](u),h||a.css(d,f.getBoundingClientRect()[d]+"px"),t("div",a)[e](S),S>u&&a[o](a[0][r]-a[0][l]+1),i.syncWidget(),i.checkVisibility()},destroyAPI:function(){var t=this;t.eventHandlers.forEach((function(t){var i=t.$el,n=t.handlers;return i.unbind(n)})),t.widget.remove(),t.eventHandlers=t.widget=t.container=t.scrollBody=null},destroyDetachedAPI:function(){t.contains(document.body,this.container)||this.destroyAPI()}};t.fn.floatingScroll=function(o,r){if(void 0===o&&(o="init"),void 0===r&&(r={}),"init"===o){var c=r.orientation,l=void 0===c?i:c;if(l!==i&&l!==n)throw new Error("Scrollbar orientation should be either “horizontal” or “vertical”");this.each((function(i,n){return Object.create(e).init(t(n),l)}))}else Object.prototype.hasOwnProperty.call(e,o+"API")&&this.trigger(o+".fscroll");return this},t((function(){t("body [data-fl-scrolls]").each((function(i,n){var e=t(n);e.floatingScroll("init",e.data("flScrolls")||{})}))}))})); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /* Style backbutton dev wiki */ window.BackToTopModern = true; /////////////////////////////////////////////////////////////////////////////// /* Slider quotes */ if($('.hslider')[0]){ var multiItemhslider = (function () { return function (selector, config) { var _mainElement = document.querySelector(selector), // основный элемент блока _hsliderWrapper = _mainElement.querySelector('.hslider__wrapper'), // обертка для .hslider-item _hsliderItems = _mainElement.querySelectorAll('.hslider__item'), // элементы (.hslider-item) _hsliderControls = _mainElement.querySelectorAll('.hslider__control'), // элементы управления _hsliderControlLeft = _mainElement.querySelector('.hslider__control_left'), // кнопка "LEFT" _hsliderControlRight = _mainElement.querySelector('.hslider__control_right'), // кнопка "RIGHT" _wrapperWidth = parseFloat(getComputedStyle(_hsliderWrapper).width), // ширина обёртки _itemWidth = parseFloat(getComputedStyle(_hsliderItems[0]).width), // ширина одного элемента _positionLeftItem = 0, // позиция левого активного элемента _transform = 0, // значение транфсофрмации .hslider_wrapper _step = _itemWidth / _wrapperWidth * 100, // величина шага (для трансформации) _items = [], // массив элементов _interval = 0, _config = { isCycling: false, // автоматическая смена слайдов direction: 'right', // направление смены слайдов interval: 5000, // интервал между автоматической сменой слайдов pause: true // устанавливать ли паузу при поднесении курсора к слайдеру }; for (var key in config) { if (key in _config) { _config[key] = config[key]; } } // наполнение массива _items _hsliderItems.forEach(function (item, index) { _items.push({ item: item, position: index, transform: 0 }); }); var position = { getItemMin: function () { var indexItem = 0; _items.forEach(function (item, index) { if (item.position < _items[indexItem].position) { indexItem = index; } }); return indexItem; }, getItemMax: function () { var indexItem = 0; _items.forEach(function (item, index) { if (item.position > _items[indexItem].position) { indexItem = index; } }); return indexItem; }, getMin: function () { return _items[position.getItemMin()].position; }, getMax: function () { return _items[position.getItemMax()].position; } } var _transformItem = function (direction) { var nextItem; if (direction === 'right') { _positionLeftItem++; if ((_positionLeftItem + _wrapperWidth / _itemWidth - 1) > position.getMax()) { nextItem = position.getItemMin(); _items[nextItem].position = position.getMax() + 1; _items[nextItem].transform += _items.length * 100; _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)'; } _transform -= _step; } if (direction === 'left') { _positionLeftItem--; if (_positionLeftItem < position.getMin()) { nextItem = position.getItemMax(); _items[nextItem].position = position.getMin() - 1; _items[nextItem].transform -= _items.length * 100; _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)'; } _transform += _step; } _hsliderWrapper.style.transform = 'translateX(' + _transform + '%)'; } var _cycle = function (direction) { if (!_config.isCycling) { return; } _interval = setInterval(function () { _transformItem(direction); }, _config.interval); } // обработчик события click для кнопок "назад" и "вперед" var _controlClick = function (e) { var direction = this.classList.contains('hslider__control_right') ? 'right' : 'left'; e.preventDefault(); _transformItem(direction); clearInterval(_interval); _cycle(_config.direction); }; var _setUpListeners = function () { // добавление к кнопкам "назад" и "вперед" обрботчика _controlClick для событя click _hsliderControls.forEach(function (item) { item.addEventListener('click', _controlClick); }); if (_config.pause && _config.isCycling) { _mainElement.addEventListener('mouseenter', function () { clearInterval(_interval); }); _mainElement.addEventListener('mouseleave', function () { clearInterval(_interval); _cycle(_config.direction); }); } } // инициализация _setUpListeners(); _cycle(_config.direction); return { right: function () { // метод right _transformItem('right'); }, left: function () { // метод left _transformItem('left'); }, stop: function () { // метод stop _config.isCycling = false; clearInterval(_interval); }, cycle: function () { // метод cycle _config.isCycling = true; clearInterval(_interval); _cycle(); } } } }()); var hslider = multiItemhslider('.hslider', { isCycling: true }) } /////////////////////////////////////////////////////////////////////////////// /* Hide spoiler replacement script */ $(function() { $.when( $('.spoiler').each(function() { $(this).css({'position': 'relative'}); $(this).append( $('<div>').append( $('<div>', { text: ' Spoiler alert!' }).prepend( $('<img>', { 'src': '/images/c/c0/Exclamation.png' }) ).css({'color': '#d1394e', 'font-weight': 'bold', 'font-size': '20px'}), $('<a>', { 'class': 'spoiler-text', href: 'javascript:void(0)', text: 'Tap to reveal' }) ).css({'position': 'absolute', 'inset': '0px', 'background-color': 'black', 'display': 'flex', 'justify-content': 'center', 'flex-flow': 'column wrap', 'align-items': 'center'}) ); }) ).done(function() { $('.spoiler-text').click(function() { $(this).parent().fadeOut("400", function() { $(this).remove(); }); }); }); } ); /////////////////////////////////////////////////////////////////////////////// /* Tooltips configuration */ window.tooltips_config = { offsetX: 7, offsetY: 7, // noCSS: true, } /////////////////////////////////////////////////////////////////////////////// /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /* Make sidebar sections collapsible */ $(function(){ $panel = $('#mw-panel'); $("#mw-panel .portal").each(function(index, el){ var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // for < 1366px $el.removeClass('expanded'); // for >= 1366px if(localStorage.getItem('sidebar_c_'+$id) === "y"){ $el.addClass('collapsed').find('.body').slideUp(0); } }); $("#mw-panel .portal").on("click", "h3", function(event){ var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } event.stopPropagation(); if($panel.width() < 200){ $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.body').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.body').slideDown('fast'); } } else{ $("#mw-panel .portal").not($el).removeClass('expanded'); $el.toggleClass('expanded'); } }); }); /////////////////////////////////////////////////////////////////////////////// /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /** * Handle wide tables * * Display a horizontal floating scroll bar when the table width exceeds the page width. */ $.when($.ready, mw.loader.using(['mediawiki.util'])).then( function() { var TABLE_WIDE_CLASS = "table-wide"; var TABLE_WIDE_INNER_CLASS = "table-wide-inner"; var handleWideTables = function(tables) { var handler = mw.util.debounce(100, function() { if(!tables){ return; } tables.forEach(function(table) { var $table = $(table); if(!$table.data('container')){ $table.data('container', table.parentNode); } var container = $table.data('container'); if(!container){ return; } var $innerBox = $table.parent(); var $outerBox = $innerBox.parent(); var overwide = table.getBoundingClientRect().width > container.getBoundingClientRect().width; if($outerBox.hasClass(TABLE_WIDE_CLASS)){ if(overwide){ $innerBox.floatingScroll("update"); }else{ $outerBox.before($table).remove(); } }else{ if(overwide) { $('<div/>').addClass(TABLE_WIDE_INNER_CLASS).appendTo( $('<div/>').addClass(TABLE_WIDE_CLASS).insertBefore($table) ).append($table).floatingScroll("init").floatingScroll("update"); } } }); }); handler(); window.addEventListener("resize", handler); }; var isEditorActive = function() { var e = new URLSearchParams(window.location.search); return "edit" === e.get("action") || "submit" === e.get("action") || ("edit" === e.get("veaction") || "submit" === e.get("veaction") || "editsource" === e.get("veaction")); } mw.hook("wikipage.content").add(function() { if (!isEditorActive()) { var el = document.querySelector("#bodyContent"); if (el) { handleWideTables(el.querySelectorAll("table")); } } }); }); /////////////////////////////////////////////////////////////////////////////// /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /** * content width toggle */ $(function(){ $body = $('body'); $('<div>', { id: 'nav-content-size-toggle' } ).append( $('<span>') ).prependTo($('#mw-head')) .on('click', function(){ $body.toggleClass('content-size-expanded'); }); }); 5dbb0538de257f91b7a74e2a10e3a3dd25bb05e8 8 234 356 258 2025-03-19T20:35:26Z MattN 585119 javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ mw.hook('wikipage.content').add(function($content) { var $bandcamp = $content.find( '.bandcamp:not(.loaded)' ); if ( !$bandcamp.length ) return; $bandcamp.each( function() { var elem = $( this ); var width = elem.attr( 'data-width' ), height = elem.attr( 'data-height' ), data_src = elem.attr( 'data-src' ); if ( !/^https?:\/\/bandcamp\.com\//.test( data_src ) ) return; elem.empty(); var is_px = [ true, true ]; // width, height if ( /%/.test( width ) || !/\d+/.test( width ) ) is_px[ 0 ] = false; if ( /%/.test( height ) ) is_px[ 1 ] = false; var frame_width = parseFloat( width, 10 ) || 100; frame_height = height ? ( parseFloat( height, 10 ) || 'auto' ) : ''; $( '<iframe />', { style: 'border: 0', width: frame_width + ( is_px[ 0 ] ? 'px' : '%' ), height: frame_height + ( frame_height ? ( is_px[ 1 ] ? 'px': '%' ) : '' ), src: data_src }).appendTo( elem ); elem.addClass( 'loaded' ); }); }); c56cf12c6c05c4dd829b8b8b48a9be5c51ce2017 8 226 357 347 2025-03-19T20:36:20Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 15rem; --wiki-logo-height: 11rem; --wiki-logo-top-spacing: 35px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 10rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffe280; --sidebar-heading-color--rgb: 255, 226, 128; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 10px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 2px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/6/65/Beheaded-Island-BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #131b33; --wiki-body-background-color--rgb: 19, 27, 51; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #111623; --wiki-content-background-color--rgb: 17, 22, 35; --wiki-content-background-color--secondary: #292d39; --wiki-content-background-color--secondary--rgb: 41, 45, 57; --wiki-content-background-color--tertiary: #151e3d; --wiki-content-background-color--tertiary--rgb: 21, 30, 61; --wiki-content-border-color: #527fd0; --wiki-content-border-color--rgb: 82, 127, 208; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ffbe32; --wiki-content-link-color--rgb: 255, 190, 50; --wiki-content-link-color--hover:#FFD47F; --wiki-content-link-color--hover--rgb:255,212,127; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #ce0018; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #ffe280; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Nova Flat', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Dosis', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Dosis', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Dosis', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Dosis', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Dosis', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Dosis', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Nova Flat', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Nova Flat', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Dosis', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 00afc5d757e8f3437cb01b7b73bd49590c2af284 358 357 2025-03-19T20:41:47Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 35px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 10rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffe280; --sidebar-heading-color--rgb: 255, 226, 128; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 10px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 2px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #252525; --wiki-body-background-color--rgb: 37, 37, 37; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #111623; --wiki-content-background-color--rgb: 17, 22, 35; --wiki-content-background-color--secondary: #292d39; --wiki-content-background-color--secondary--rgb: 41, 45, 57; --wiki-content-background-color--tertiary: #151e3d; --wiki-content-background-color--tertiary--rgb: 21, 30, 61; --wiki-content-border-color: #527fd0; --wiki-content-border-color--rgb: 82, 127, 208; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ffbe32; --wiki-content-link-color--rgb: 255, 190, 50; --wiki-content-link-color--hover:#FFD47F; --wiki-content-link-color--hover--rgb:255,212,127; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #ce0018; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #ffe280; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Nova Flat', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Dosis', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Dosis', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Dosis', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Dosis', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Dosis', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Dosis', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Nova Flat', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Nova Flat', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Dosis', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } f443522a9fd18847393f57def087d5f33fe652bb 360 358 2025-03-19T20:46:12Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 35px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 10rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffe280; --sidebar-heading-color--rgb: 255, 226, 128; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 10px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 2px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #252525; --wiki-body-background-color--rgb: 37, 37, 37; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #111623; --wiki-content-background-color--rgb: 17, 22, 35; --wiki-content-background-color--secondary: #292d39; --wiki-content-background-color--secondary--rgb: 41, 45, 57; --wiki-content-background-color--tertiary: #151e3d; --wiki-content-background-color--tertiary--rgb: 21, 30, 61; --wiki-content-border-color: #527fd0; --wiki-content-border-color--rgb: 82, 127, 208; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ffbe32; --wiki-content-link-color--rgb: 255, 190, 50; --wiki-content-link-color--hover:#FFD47F; --wiki-content-link-color--hover--rgb:255,212,127; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #ce0018; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #ffe280; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Dosis', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Dosis', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Dosis', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Dosis', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Dosis', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Dosis', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Dosis', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } c7c2c623c51c5b8ec499133852ded10ac28ed9e1 362 360 2025-03-19T20:49:04Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 35px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 10rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffe280; --sidebar-heading-color--rgb: 255, 226, 128; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 10px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 2px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #252525; --wiki-body-background-color--rgb: 37, 37, 37; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #111623; --wiki-content-background-color--rgb: 17, 22, 35; --wiki-content-background-color--secondary: #292d39; --wiki-content-background-color--secondary--rgb: 41, 45, 57; --wiki-content-background-color--tertiary: #151e3d; --wiki-content-background-color--tertiary--rgb: 21, 30, 61; --wiki-content-border-color: #527fd0; --wiki-content-border-color--rgb: 82, 127, 208; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ffbe32; --wiki-content-link-color--rgb: 255, 190, 50; --wiki-content-link-color--hover:#FFD47F; --wiki-content-link-color--hover--rgb:255,212,127; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #ce0018; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #ffe280; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 4c11e323b24134ac9b51443ca4f499c8e051b140 363 362 2025-03-19T20:55:13Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 12rem; --sidebar-spacing: 4rem; --sidebar-heading-color: #916f67; --sidebar-heading-color--rgb: 255, 226, 128; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } c325b155f254a41dcabb71cb2b8aa925f6ff0390 364 363 2025-03-19T20:56:06Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 18rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #916f67; --sidebar-heading-color--rgb: 255, 226, 128; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 735f32635d6f453c5f8fa5bda013f8411b8f6cf1 365 364 2025-03-19T20:56:46Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 18rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: var(--wiki-content-text-color); --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 34b295a85203d20ceea729cbc11ee3d818bfde6e 366 365 2025-03-19T20:59:12Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color); --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #0d3557; --wiki-navigation-border-color: #527fd0; --wiki-navigation-border-color--rgb: 82, 127, 208; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } b1e37448530674a1afc009ce913efc16eff61fa0 367 366 2025-03-19T21:02:15Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(65, 79, 106, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } d4ce3ee4a7c4441def59bdd4750ca11d9498e498 368 367 2025-03-19T21:08:17Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #3761af; --wiki-accent-color--rgb: 55, 97, 175; --wiki-accent-color--hover: #7798d4; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 48385cc29589b931d40f7b71f2494e31bde4cdc7 369 368 2025-03-19T21:11:20Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } e4778e3eb81fbf85ef88c1e895955113e20bb726 371 369 2025-03-19T21:15:11Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 09338c9742d9539d4bf6bd22d17b0136728d41f8 372 371 2025-03-19T21:16:39Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #00a3da; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } fe1f6f049b18dc54ad567fabfddd1f790ada958a 387 372 2025-03-19T21:50:55Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(145, 111, 103, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 2cebcfe926d336fed279f61251bd490ae5e54b86 389 387 2025-03-19T21:53:43Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 16px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(145, 111, 103, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 9e4d049e1af925224035054e2a137ad8c96dacc0 390 389 2025-03-19T21:55:47Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 16px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 6f9145370f474404b55140edde2755e58842c97b 393 390 2025-03-19T22:09:13Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 20px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 1a01c0f1a497fb868e41e6a2f5447f8043f61854 394 393 2025-03-19T22:09:52Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 0px 20px; height: 80px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 5e8f3209b90ec012ccaf84a3345f40776c735c8d 395 394 2025-03-19T22:11:08Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 60px 100px 100px 100px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 3c44a012ba50fe82e4a0a524dc04ec3832239ca9 396 395 2025-03-19T22:11:39Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 100px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } d5e89320a7cb44d1e03530acc5777c7b373bb8bd 397 396 2025-03-19T22:12:03Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 20px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 2172e0efb9917a6af7ed337cc0cc0103cd3cab48 398 397 2025-03-19T22:13:02Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 600px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 09948060bdbafe23782f0f48879c34cea57ecb03 0 6 373 305 2025-03-19T21:27:35Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on Discord, and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 749d0a61a37981a162c6cc382d17caa30e319489 374 373 2025-03-19T21:30:14Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} {| |- | '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on Discord, and be among the first to raid the dungeons! || <evlplayer w="640" h="360" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> |} <evlplayer w="640" h="360" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on Discord, and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 4d13ae7e855486ca3d7388aee2505d848b11b344 375 374 2025-03-19T21:34:07Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on Discord, and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> bf2fd1d44ee202a7c3dde743fd459bff1e796509 376 375 2025-03-19T21:34:37Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on Discord, and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 1081c3108f147725f23303d687bcd0d6d916eff9 377 376 2025-03-19T21:35:48Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 3d5be58ae5934162cde33cce3db1a515f1e46c1e 378 377 2025-03-19T21:36:25Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE.<br> Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br> and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> b3fbe20fe5e7076b71327958378990634bebdb68 379 378 2025-03-19T21:37:10Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist,<br> connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 652d621f252cb8329aa0ba5e4ad8c1e46f921360 380 379 2025-03-19T21:37:39Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br>and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 2ce9618c53b76552f0ad6f887864207268ffc77c 381 380 2025-03-19T21:43:37Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="middle" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br>and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> e227c33557810c9600e8f53fb30fbe464763999d 382 381 2025-03-19T21:44:08Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} <evlplayer w="640" h="360" alignment="right" vAlignment="bottom" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br>and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> e830a874e33bb2675def7ffb8702769b1cc4f56b 383 382 2025-03-19T21:44:45Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. <evlplayer w="640" h="360" alignment="right" vAlignment="bottom" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br>and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> a7dca52a62df0d94dc3168357acc6df74581a9e1 384 383 2025-03-19T21:44:57Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> <evlplayer w="640" h="360" alignment="right" vAlignment="bottom" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br>and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 6354d856dddf03ef21872e0b6fd8cab1935edf0c 385 384 2025-03-19T21:45:21Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord],<br>and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 979af1809215b9f182d0bdf1ec0cb3bbfb58883b 386 385 2025-03-19T21:45:35Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the social space - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> ef983ee858121bff571562a1ca097eacdfc56e75 10 296 388 2025-03-19T21:50:58Z MattN 585119 Created page with "{{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|95}}}px|link={{{2}}}]]</div><div class="dc_btext">[{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|100}}}px|link={{{2}}}]]</div><div class="dc_btext">[[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px">[[{{{1}}}|{{{2|{{{1}}}}}}]]</div> }}" wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|95}}}px|link={{{2}}}]]</div><div class="dc_btext">[{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|100}}}px|link={{{2}}}]]</div><div class="dc_btext">[[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px">[[{{{1}}}|{{{2|{{{1}}}}}}]]</div> }} 62885db32d8dd5f980d448544002d50278dcd322 0 8 391 332 2025-03-19T21:56:02Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/pgfa2HR|Discord|t=icon2}} </div> * {{MP link|Discord|link=https://discord.gg/fegXTwGEtA|image=Reave_Discord.png|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/reavevr.bsky.social|image=Reave_BSky.png|size=64x64px}} * {{MP link|X|link=https://x.com/Reave_VR|image=Reave_x.png|size=64x64px}} * {{MP link|Facebook|link=https://www.facebook.com/ReaveVR|image=Reave_FB.png|size=64x64px}} * {{MP link|Instagram|link=https://www.instagram.com/reave_vr/|image=Reave_Insta.png|size=64x64px}} * {{MP link|YouTube|link=https://www.youtube.com/@ReaveVR|image=Reave_YT.png|size=64x64px}} * {{MP link|TikTok|link=https://www.tiktok.com/@ReaveVR|image=Reave_TT.png|size=64x64px}} * {{MP link|Reddit|link=https://www.reddit.com/r/Reave/|image=Reave_Reddit.png|size=64x64px}} {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> f097038b7a15d553ae9c1de67d41917914903d5c 392 391 2025-03-19T22:02:25Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/Reave|Discord|t=icon2}} {{Button|Reave_BSky.png{{!}}class{{=}}no-pixel|https://bsky.app/profile/reavevr.bsky.social|BlueSky|t=icon2}} {{Button|Reave_x.png{{!}}class{{=}}no-pixel|https://x.com/Reave_VR|X|t=icon2}} {{Button|Reave_FB.png{{!}}class{{=}}no-pixel|https://www.facebook.com/ReaveVR|Facebook|t=icon2}} {{Button|Reave_Insta.png{{!}}class{{=}}no-pixel|https://www.instagram.com/reave_vr/|Instagram|t=icon2}} {{Button|Reave_YT.png{{!}}class{{=}}no-pixel|https://www.youtube.com/@ReaveVR|YouTube|t=icon2}} {{Button|Reave_TT.png{{!}}class{{=}}no-pixel|https://www.tiktok.com/@ReaveVR|TikTok|t=icon2}} {{Button|Reave_Reddit.png{{!}}class{{=}}no-pixel|https://www.reddit.com/r/Reave/|Reddit|t=icon2}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 7c4511b6af9861d85ad5ea36522e40aecc68c9bc 6 292 399 329 2025-03-19T22:36:56Z MattN 585119 MattN uploaded a new version of [[File:Reave TT.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 291 400 328 2025-03-19T22:37:06Z MattN 585119 MattN uploaded a new version of [[File:Reave Reddit.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 290 401 327 2025-03-19T22:37:15Z MattN 585119 MattN uploaded a new version of [[File:Reave Insta.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 289 402 326 2025-03-19T22:37:24Z MattN 585119 MattN uploaded a new version of [[File:Reave FB.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 288 403 325 2025-03-19T22:37:33Z MattN 585119 MattN uploaded a new version of [[File:Reave Discord.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 287 404 324 2025-03-19T22:37:40Z MattN 585119 MattN uploaded a new version of [[File:Reave BSky.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 294 405 331 2025-03-19T22:37:49Z MattN 585119 MattN uploaded a new version of [[File:Reave YT.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 6 293 406 330 2025-03-19T22:39:30Z MattN 585119 MattN uploaded a new version of [[File:Reave x.png]] wikitext text/x-wiki == Licensing == {{License|CC-SRR}} 8080c393bc787fe68ab73e346c310c68739f9d75 8 226 407 398 2025-03-19T22:44:25Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } d735dd2332bfde074b6a1f56a6183dbe3807e4ba 427 407 2025-03-19T22:59:20Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 6000px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 6f52a23055778d46ee72451701b904b8071dbead 428 427 2025-03-19T23:01:43Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 600px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } b25e8d1b85dd135397d9573e25a41b0979b15667 429 428 2025-03-19T23:07:27Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 600px 0px 600px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } bd569b1c2ff5b049263eb456563d87b735d39153 430 429 2025-03-19T23:08:09Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 0px 600px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 0bce4fa563bc4df534c002a247caeea7ae186bc9 431 430 2025-03-19T23:09:03Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6px 0px 0px 0px; height: 20px !important; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } d735dd2332bfde074b6a1f56a6183dbe3807e4ba 432 431 2025-03-19T23:09:46Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 0px 0px 0px 600px; height: 0px; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } ab63e7f14d55709dbcb239ee878a2f3aabe2838e 433 432 2025-03-19T23:10:02Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 0px 0px 0px 0px; height: 0px; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 5b89446418621da0debf3748f2a660f24c51e7a0 434 433 2025-03-19T23:10:20Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 0px 0px 600px 0px; height: 0px; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } b1d8561f5a653e5f392bac0a63410ccdae08f2a6 435 434 2025-03-19T23:10:53Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 0px 0px 0px 0px; height: 600px; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } b2d1050edc57ed75f15cc01d28cfe740be668ed4 436 435 2025-03-19T23:11:14Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 600px 0px 0px 0px; height: 0px; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 53bcffc8696dd51057eb3d8c13b1b3c0b671be7d 437 436 2025-03-19T23:11:45Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext { margin: 6000px 0px 0px 0px; height: 0px; overflow: hidden; border-top: 2px solid rgba(65, 79, 106, 0.3); } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 49bcbc378ab91f83a9eed5c1839146d240cca674 438 437 2025-03-19T23:14:11Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } abc .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 805ac2c1a901f0bd812173057cf1be956585771b 439 438 2025-03-19T23:14:37Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 8b344d58dc5298cd13403588a7586ea4249eaa65 440 439 2025-03-19T23:15:36Z MattN 585119 Undo revision [[Special:Diff/439|439]] by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } abc .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 805ac2c1a901f0bd812173057cf1be956585771b 0 8 408 392 2025-03-19T22:45:31Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/Reave||t=icon2}} {{Button|Reave_BSky.png{{!}}class{{=}}no-pixel|https://bsky.app/profile/reavevr.bsky.social||t=icon2}} {{Button|Reave_x.png{{!}}class{{=}}no-pixel|https://x.com/Reave_VR||t=icon2}} {{Button|Reave_FB.png{{!}}class{{=}}no-pixel|https://www.facebook.com/ReaveVR||t=icon2}} {{Button|Reave_Insta.png{{!}}class{{=}}no-pixel|https://www.instagram.com/reave_vr/||t=icon2}} {{Button|Reave_YT.png{{!}}class{{=}}no-pixel|https://www.youtube.com/@ReaveVR||t=icon2}} {{Button|Reave_TT.png{{!}}class{{=}}no-pixel|https://www.tiktok.com/@ReaveVR||t=icon2}} {{Button|Reave_Reddit.png{{!}}class{{=}}no-pixel|https://www.reddit.com/r/Reave/||t=icon2}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 0de058c9e14b4ab2fddbfa8b5fbecf160467a049 421 408 2025-03-19T22:53:05Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/Reave|a|t=icon2}} {{Button|Reave_BSky.png{{!}}class{{=}}no-pixel|https://bsky.app/profile/reavevr.bsky.social||t=icon2}} {{Button|Reave_x.png{{!}}class{{=}}no-pixel|https://x.com/Reave_VR||t=icon2}} {{Button|Reave_FB.png{{!}}class{{=}}no-pixel|https://www.facebook.com/ReaveVR||t=icon2}} {{Button|Reave_Insta.png{{!}}class{{=}}no-pixel|https://www.instagram.com/reave_vr/||t=icon2}} {{Button|Reave_YT.png{{!}}class{{=}}no-pixel|https://www.youtube.com/@ReaveVR||t=icon2}} {{Button|Reave_TT.png{{!}}class{{=}}no-pixel|https://www.tiktok.com/@ReaveVR||t=icon2}} {{Button|Reave_Reddit.png{{!}}class{{=}}no-pixel|https://www.reddit.com/r/Reave/||t=icon2}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bf3bbf736aa85324e58b832cbc67b6e3db583187 425 421 2025-03-19T22:56:03Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/Reave|<br>|t=icon2}} {{Button|Reave_BSky.png{{!}}class{{=}}no-pixel|https://bsky.app/profile/reavevr.bsky.social||t=icon2}} {{Button|Reave_x.png{{!}}class{{=}}no-pixel|https://x.com/Reave_VR||t=icon2}} {{Button|Reave_FB.png{{!}}class{{=}}no-pixel|https://www.facebook.com/ReaveVR||t=icon2}} {{Button|Reave_Insta.png{{!}}class{{=}}no-pixel|https://www.instagram.com/reave_vr/||t=icon2}} {{Button|Reave_YT.png{{!}}class{{=}}no-pixel|https://www.youtube.com/@ReaveVR||t=icon2}} {{Button|Reave_TT.png{{!}}class{{=}}no-pixel|https://www.tiktok.com/@ReaveVR||t=icon2}} {{Button|Reave_Reddit.png{{!}}class{{=}}no-pixel|https://www.reddit.com/r/Reave/||t=icon2}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> e5c641aa345d5d224190b025e4c5be2bc87bf689 426 425 2025-03-19T22:58:50Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/Reave|<br>|t=icon2}} {{Button|Reave_BSky.png{{!}}class{{=}}no-pixel|https://bsky.app/profile/reavevr.bsky.social|<br>|t=icon2}} {{Button|Reave_x.png{{!}}class{{=}}no-pixel|https://x.com/Reave_VR|<br>|t=icon2}} {{Button|Reave_FB.png{{!}}class{{=}}no-pixel|https://www.facebook.com/ReaveVR|<br>|t=icon2}} {{Button|Reave_Insta.png{{!}}class{{=}}no-pixel|https://www.instagram.com/reave_vr/|<br>|t=icon2}} {{Button|Reave_YT.png{{!}}class{{=}}no-pixel|https://www.youtube.com/@ReaveVR|<br>|t=icon2}} {{Button|Reave_TT.png{{!}}class{{=}}no-pixel|https://www.tiktok.com/@ReaveVR|<br>|t=icon2}} {{Button|Reave_Reddit.png{{!}}class{{=}}no-pixel|https://www.reddit.com/r/Reave/|<br>|t=icon2}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> a7de67621914e9e86cea4e5ebb391a13ef79bb4c 10 296 409 388 2025-03-19T22:46:03Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|95}}}px|link={{{2}}}]][{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|100}}}px|link={{{2}}}]][[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px">[[{{{1}}}|{{{2|{{{1}}}}}}]]</div> }} a0205d554230963b827b5ace0a53dd9c4a41e203 410 409 2025-03-19T22:46:42Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{}}}|{{{i|95}}}px|link={{{2}}}]][{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{}}}|{{{i|100}}}px|link={{{2}}}]][[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px">[[{{{}}}|{{{2|{{{1}}}}}}]]</div> }} 78d99a7bddfa5c1d6c545023edbb4b8f4f3e805e 411 410 2025-03-19T22:47:12Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|95}}}px|link={{{2}}}]][{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|100}}}px|link={{{2}}}]][[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px">[[|{{{2|{{{1}}}}}}]]</div> }} f281f3d7adda9666680ce3bda1fca2e991b22ed5 412 411 2025-03-19T22:47:38Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|95}}}px|link={{{2}}}]][{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|100}}}px|link={{{2}}}]][[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 1e73cd360c19203ae8614349c9b682187084691b 413 412 2025-03-19T22:48:08Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|95}}}px|link={{{2}}}]]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|100}}}px|link={{{2}}}]][[|]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 29bb906f51b163fcebab43ac7e373424c4426edf 414 413 2025-03-19T22:49:01Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|95}}}px|link={{{2}}}]]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|100}}}px|link={{{2}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 66ddc54eb180197dffd4096e35ffe98f1c9a8da9 415 414 2025-03-19T22:49:25Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|95}}}px|]]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|{{{i|100}}}px|]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 81cc57a03a6b7f10d3e94372ea7d92da732e207c 416 415 2025-03-19T22:50:04Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|File:]]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|File:]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} e63baf2e57668d53e324de43748b9a6d005e29cc 417 416 2025-03-19T22:50:53Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|File:]]</div></div> |icon=<div class="dc_button"><div style=" height: </div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 82c8559fa2acfd071cf7550afb407ce289a6f34e 418 417 2025-03-19T22:51:09Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: </div></div> |icon=<div class="dc_button"><div style=" height: </div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 669caa39807e2291b40e65f24deff4391940a291 419 418 2025-03-19T22:51:54Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: </div></div> |icon=<div class="dc_button"><div style=" height: </div></div> |#default =<div class="dc_button2" style="width:"></div> }} 597cb153541df9e72f67626bf80088d229cccbbc 420 419 2025-03-19T22:52:34Z MattN 585119 Undo revision [[Special:Diff/419|419]] by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: </div></div> |icon=<div class="dc_button"><div style=" height: </div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 669caa39807e2291b40e65f24deff4391940a291 422 420 2025-03-19T22:54:01Z MattN 585119 Undo revision [[Special:Diff/418|418]] by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|File:]]</div></div> |icon=<div class="dc_button"><div style=" height: </div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} 82c8559fa2acfd071cf7550afb407ce289a6f34e 423 422 2025-03-19T22:54:11Z MattN 585119 Undo revision [[Special:Diff/417|417]] by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|File:]]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:|File:]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px"></div> }} e63baf2e57668d53e324de43748b9a6d005e29cc 424 423 2025-03-19T22:55:44Z MattN 585119 wikitext text/x-wiki {{#switch:{{{t}}} |icon2=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|95}}}px|link={{{2}}}]]</div><div class="dc_btext">[{{{2}}} {{{3}}}]</div></div> |icon=<div class="dc_button"><div style=" height: {{{h|65}}}px;">[[File:{{{1}}}|{{{i|100}}}px|link={{{2}}}]]</div><div class="dc_btext">[[{{{2}}}|{{{3|{{{2}}}}}}]]</div></div> |#default =<div class="dc_button2" style="width:{{{w|94}}}px">[[{{{1}}}|{{{2|{{{1}}}}}}]]</div> }} 62885db32d8dd5f980d448544002d50278dcd322 6 297 441 2025-03-20T13:48:26Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 10 298 442 2025-03-20T15:29:07Z Siege 584755 Created page with "<includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=MottoSection, Stats |Motto_nolabel=Yes |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed |tabs= Common, Uncommon, Legendary }}" wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=MottoSection, Stats |Motto_nolabel=Yes |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed |tabs= Common, Uncommon, Legendary }} 0397a4231e8b1d8a33be802d0af89197494300a7 443 442 2025-03-20T15:31:59Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=MottoSection, Stats |Motto_nolabel=Yes |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed }} 3aca082cd5a0feb6737d7789c5be4af32874f9f6 444 443 2025-03-20T15:32:53Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=MottoSection, Stats |Motto_nolabel=Yes |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed }}</includeonly><noinclude>{{documentation}}</noinclude> 334b4889af062ae28dd3a15c77112ca840f88abe 446 444 2025-03-20T15:34:25Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=MottoSection, Stats |Motto_nolabel=Yes |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 36aded8479bcb54467f76aaa623833364d10bead 447 446 2025-03-20T15:36:00Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed |sections=MottoSection, Stats |Motto_nolabel=Yes }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> bb6bf8798948ecb95904c54a9168c33543be4e83 448 447 2025-03-20T15:47:08Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed |sections=MottoSection, Stats |Motto_nolabel=Yes |Info_nolabel=yes }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 24810c66cbe4aceaa6f01336b73a325ca2463088 449 448 2025-03-20T15:49:11Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Stats=Buy, Sell, Armor, Health Regen, Max Health, Resistance, Movement Speed |sections=MottoSection, Stats |Motto_nolabel=Yes |Info_nolabel=yes |Description_nolabel=yes }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> cdc49cc62ad14dd611d98ba9c51ed9444974b236 10 299 445 2025-03-20T15:33:41Z Siege 584755 Created page with "This is placeholder information for the armor template." wikitext text/x-wiki This is placeholder information for the armor template. 4b8c2aacc7931ae8a96e1ba2706f0a7497d8df3d 6 300 450 2025-03-20T15:51:26Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 301 451 2025-03-20T15:53:01Z Siege 584755 Created page with "{{Armor Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto=123 |Info=123 |Description=123 |Buy=0 |Sell=500g |Health Regen=0 |Max Health=0 |Resistance=0 |Movement Speed=0 }}" wikitext text/x-wiki {{Armor Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto=123 |Info=123 |Description=123 |Buy=0 |Sell=500g |Health Regen=0 |Max Health=0 |Resistance=0 |Movement Speed=0 }} 2c767c8f87f6166277a289e662943466280680ed 10 298 452 449 2025-03-20T15:56:07Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=MottoSection; Stats |Motto_nolabel=Yes |Info_nolabel=yes |Description_nolabel=yes }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 85b1ce3b3910a65c9e4e97e7de77cbbc634f86e3 453 452 2025-03-20T15:58:27Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Motto <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |Info_nolabel=yes |Description_nolabel=yes }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 066e11e19669a5abb3c094878cf63d9fb003b70e 454 453 2025-03-20T16:01:54Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |Info_nolabel=yes |Description_nolabel=yes }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> b7e8f5b4c6ede0ea1175417f5b3fbae149f349ff 455 454 2025-03-20T16:04:11Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 479163d2b8838a949bd14589901c8f5303ad8890 456 455 2025-03-20T16:05:11Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Motto <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> a912f9d12ac21b93b370073d14aa07d244999148 457 456 2025-03-20T16:05:52Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=Motto; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> b445affbf7d65ddf346dd6893450f82c75fc21c1 458 457 2025-03-20T16:07:33Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Buy; Sell; Armor; Health Regen; Max Health; Resistance; Movement Speed |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> d99962729368648208258ca5ea101a1c2d26153f 459 458 2025-03-20T16:12:44Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Description |Stats=Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 14b68c8a034dae4b4432306eb11b329f37d15495 460 459 2025-03-20T16:18:32Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> b8d8e7760e56179f6b871d9d2a5676d6e18d0305 463 460 2025-03-20T16:30:27Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |images= {{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}}; {{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}}; {{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}}; |tabs= Common; Uncommon; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> d0cf730b8abb94bd01e15f3639572ab167364165 465 463 2025-03-20T16:34:39Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> b8d8e7760e56179f6b871d9d2a5676d6e18d0305 474 465 2025-03-20T20:51:17Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> c3c7fc83686eafbfbeb11d9cf4d08fe27f163450 10 299 461 445 2025-03-20T16:18:53Z Siege 584755 wikitext text/x-wiki This is placeholder information for the armor template. {{Armor Template |title= |Motto= |Armor= |Health Regen= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Sell= |Uncommon_Sell= |Legendary_Sell= |Common_Image= |Uncommon_Image= |Legendary_Image= }} d65902be04eb3c6b9dc8f915882a0ba93d366ca8 464 461 2025-03-20T16:34:11Z Siege 584755 wikitext text/x-wiki This is placeholder information for the armor template. {{Armor Template |title= |Motto= |Armor= |Health Regen= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Sell= |Uncommon_Sell= |Legendary_Sell= }} dcd240f23840b76f143a95b642393424b9acbf5b 6 302 462 2025-03-20T16:20:56Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 301 466 451 2025-03-20T16:35:38Z Siege 584755 wikitext text/x-wiki {{Armor Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto=You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-stealing on attacks. |Armor=20 |Sell=500g |Common_Sell=Unknown |Uncommon_Sell=250g |Legendary_Sell=500g }} 25090f185dfa5b50dd6e3d1445300e2163665abc 467 466 2025-03-20T16:39:36Z Siege 584755 Just testing templates for now. wikitext text/x-wiki {{Armor Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto=You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-stealing on attacks. |Armor=20 |Sell=500g |Common_Sell=Unknown |Uncommon_Sell=250g |Legendary_Sell=500g }} Just testing templates for now. Feel free to change or delete this page is needed. d5c54745d1bda7128d5df0b68b26efe01497cb67 483 467 2025-03-21T13:06:40Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} 3f2f9ad04e7e539d56cb8dc531291ab04bb354f5 489 483 2025-03-21T14:06:28Z Siege 584755 wikitext text/x-wiki <style> /* Container for the infoboxes */ .infobox-container { display: flex; flex-wrap: wrap; /* Allow wrapping for smaller screens */ justify-content: space-around; /* Adds space between infoboxes */ gap: 15px; /* Adds gap between infoboxes */ margin-top: 20px; } /* Each individual infobox */ .infobox-item { flex: 1 1 30%; /* Each infobox takes 30% of the container width on larger screens */ box-sizing: border-box; } /* For mobile devices */ @media screen and (max-width: 768px) { .infobox-item { flex: 1 1 100%; /* Infoboxes take 100% width on small screens */ } } </style> <div class="infobox-container"> <div class="infobox-item"> {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} </div> <div class="infobox-item"> {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} </div> <div class="infobox-item"> {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} </div> </div> 98b15b9f9493291fb76f275bf2323b9382d468a7 490 489 2025-03-21T14:13:11Z Siege 584755 wikitext text/x-wiki <div class="infobox-container"> <div class="infobox-item"> {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. }} </div> <div class="infobox-item"> {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. }} </div> <div class="infobox-item"> {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. }} </div> </div> 8c333b0b10cf11d2f3076ae6323db28948da8106 491 490 2025-03-21T14:33:42Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} b48fedea735e3fd7a8cf1448a4aa37112636b084 492 491 2025-03-21T15:11:56Z Siege 584755 wikitext text/x-wiki {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | Example || Skull Metal Helmet || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} c5f4a4e97328999e9cd5c0d1cbe231a09937b74c 494 492 2025-03-21T15:25:10Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} b48fedea735e3fd7a8cf1448a4aa37112636b084 495 494 2025-03-21T15:26:21Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} Testing infoxoes at the moment. Soon this will be a main page with links to different weapon types. 60265da2a8d1deabea940eb6a4bc122a7634f8af 496 495 2025-03-21T15:26:42Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} Testing infboxes at the moment. Soon this will be a main page with links to different weapon types. 5f2f52132af0912d28a15e510e105c20fec99590 497 496 2025-03-21T15:28:18Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto=Xiphos. Here is a long line of extra text just to help see how items with very long descriptions might look. |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} Testing infoboxes at the moment. Soon this will be a main weapon page with links to different weapon types. 72334f4fe32af4592239626e477b1473ec141a27 6 303 468 2025-03-20T20:47:03Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 473 468 2025-03-20T20:49:45Z MattN 585119 MattN uploaded a new version of [[File:Reave Wiki Xiphos SS Rarity0.png]] wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 475 473 2025-03-20T20:52:33Z MattN 585119 MattN uploaded a new version of [[File:Reave Wiki Xiphos SS Rarity0.png]] wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 304 469 2025-03-20T20:47:04Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 305 470 2025-03-20T20:47:05Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 306 471 2025-03-20T20:47:06Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 307 472 2025-03-20T20:47:07Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 8 227 476 370 2025-03-20T23:21:29Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Reave Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ ```/* === Infobox tab custom colors by rarity === */ .portable-infobox-tab[data-tab="Common"] { background-color: #9A9A9A; color: #000; } .portable-infobox-tab[data-tab="Uncommon"] { background-color: #639E3B; color: #000; } .portable-infobox-tab[data-tab="Rare"] { background-color: #293FA6; color: #000; } .portable-infobox-tab[data-tab="Epic"] { background-color: #7530A6; color: #000; } .portable-infobox-tab[data-tab="Legendary"] { background-color: #BEA735; color: #000; } /* Optional hover effect */ .portable-infobox-tab:hover { opacity: 0.9; }``` 84d40dc90ea9fbf910b4ea247760a5d09ddd5fd4 477 476 2025-03-20T23:23:08Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Reave Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ /* === Infobox tab custom colors by rarity === */ .portable-infobox-tab[data-tab="Common"] { background-color: #9A9A9A; color: #000; } .portable-infobox-tab[data-tab="Uncommon"] { background-color: #639E3B; color: #000; } .portable-infobox-tab[data-tab="Rare"] { background-color: #293FA6; color: #000; } .portable-infobox-tab[data-tab="Epic"] { background-color: #7530A6; color: #000; } .portable-infobox-tab[data-tab="Legendary"] { background-color: #BEA735; color: #000; } /* Optional hover effect */ .portable-infobox-tab:hover { opacity: 0.9; }``` 6feda3a5c340ae9c5783f8780ef21f21c3af2dae 478 477 2025-03-20T23:25:04Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } /* Portable Infobox fix */ figure.pi-image { border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* Image fix for biome map */ .fluid img { max-width: 100%; height: auto; } /* Main page ([[Reave Wiki]]) */ #fp-container { display:grid; grid-template-areas:"a" "b" "c"; grid-template-columns:100% } @media screen and (min-width:990px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:50% 50% } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas:"a b" "c c"; grid-template-columns:auto 520px } } .fpbox { width:calc(100% - 2px); box-sizing:border-box; } .fp-section { display:flex; flex-wrap:wrap; overflow:hidden } #fp-top { grid-area:a } #fp-flex { grid-area:b } #fp-bottom { grid-area:c } /* End main page */ /* === Infobox tab custom colors by rarity === */ .portable-infobox-tab[data-tab="Common"] { background-color: #9A9A9A; color: #000; } .portable-infobox-tab[data-tab="Uncommon"] { background-color: #639E3B; color: #000; } .portable-infobox-tab[data-tab="Rare"] { background-color: #293FA6; color: #000; } .portable-infobox-tab[data-tab="Epic"] { background-color: #7530A6; color: #000; } .portable-infobox-tab[data-tab="Legendary"] { background-color: #BEA735; color: #000; } /* Optional hover effect */ .portable-infobox-tab:hover { opacity: 0.9; } e75bf5803447b1911a5ca8916c3568181f465c59 481 478 2025-03-21T12:53:47Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* DLC colors for custom hyperlinks */ .RotG a:visited, .RotG a { color: #66E6FF; } .TBS a:visited, .TBS a { color: #00FF00; } .FF a:visited, .FF a { color: #F88B46; } ```/* Common Tab */ .portable-infobox .pi-tabs .pi-tab:nth-child(1) { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .portable-infobox .pi-tabs .pi-tab:nth-child(2) { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .portable-infobox .pi-tabs .pi-tab:nth-child(3) { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .portable-infobox .pi-tabs .pi-tab:nth-child(4) { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .portable-infobox .pi-tabs .pi-tab:nth-child(5) { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .portable-infobox .pi-tabs .pi-tab:nth-child(5)::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* ========== Animations ========== */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 10px #293fa6; } 50% { box-shadow: 0 0 20px #405acf; } 100% { box-shadow: 0 0 10px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 12px #7530a6; } 50% { box-shadow: 0 0 24px #9445e3; } 100% { box-shadow: 0 0 12px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 14px #bea735; } 50% { box-shadow: 0 0 28px #e7d860; } 100% { box-shadow: 0 0 14px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.03); } 100% { opacity: 0.6; transform: scale(0.98); } } ``` dcfb793662fa8873c4f7129a56009c0392e7189c 484 481 2025-03-21T13:08:25Z MattN 585119 Reverted edits by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 95%, var(--wiki-accent-label-color)); /* [ LIGHT VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 22b9658e046977a69fb8e43f13ba099034dd3aa6 485 484 2025-03-21T13:10:05Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } 403fbcdef10c9e142b87d6d7b86a3c839c015def 486 485 2025-03-21T13:13:34Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .portable-infobox .pi-tabs .pi-tab:nth-child(1) { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .portable-infobox .pi-tabs .pi-tab:nth-child(2) { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .portable-infobox .pi-tabs .pi-tab:nth-child(3) { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .portable-infobox .pi-tabs .pi-tab:nth-child(4) { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .portable-infobox .pi-tabs .pi-tab:nth-child(5) { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .portable-infobox .pi-tabs .pi-tab:nth-child(5)::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } f7ca36af227958e99051965f27a5df5722c65b9f 487 486 2025-03-21T13:32:13Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #000; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #000; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; } f2e955bdf453ffc2ea0f76cfe5dc5b85255ff286 488 487 2025-03-21T13:54:36Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; } 8753f03d906e793e0b2ba0a335349ad99d5a93c7 498 488 2025-03-21T21:10:46Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding; 6x; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; } 3ddd5d4f009642ca432c47b01dd4b673904088bb 499 498 2025-03-21T21:11:22Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; } d32bd3389c3496f83560954cc7cfbb459e669a47 500 499 2025-03-21T21:11:59Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; } ae109efad52f8a41280e7d819f68ecf991efedb9 501 500 2025-03-21T22:15:12Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } ``` 190eccc4542fadf8a59c5377510c72d2c2d20b7a 8 226 479 440 2025-03-20T23:28:03Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } abc .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } /* === Infobox tab custom colors by rarity === */ .portable-infobox-tab[data-tab="Common"] { background-color: #9A9A9A; color: #000; } .portable-infobox-tab[data-tab="Uncommon"] { background-color: #639E3B; color: #000; } .portable-infobox-tab[data-tab="Rare"] { background-color: #293FA6; color: #000; } .portable-infobox-tab[data-tab="Epic"] { background-color: #7530A6; color: #000; } .portable-infobox-tab[data-tab="Legendary"] { background-color: #BEA735; color: #000; } /* Optional hover effect */ .portable-infobox-tab:hover { opacity: 0.9; } 9729b53be953c2bf6a80d0dbf04dfd4ffeb38dc8 482 479 2025-03-21T12:54:28Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #ad1919; --wiki-content-link-color--rgb: 173, 25, 25; --wiki-content-link-color--hover:#f54242; --wiki-content-link-color--hover--rgb:245,66,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } abc .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 805ac2c1a901f0bd812173057cf1be956585771b 10 308 480 2025-03-21T12:53:02Z Siege 584755 Created page with "<includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolab..." wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> f5ac1d47cb60ca912f10ac4dd47604c4acf95e15 0 282 493 308 2025-03-21T15:14:12Z Siege 584755 wikitext text/x-wiki {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | Example || Skull Metal Helmet || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} c5f4a4e97328999e9cd5c0d1cbe231a09937b74c 8 227 502 501 2025-03-21T22:15:27Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; } ae109efad52f8a41280e7d819f68ecf991efedb9 503 502 2025-03-21T22:16:19Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } 0296c2570249fd98bf21544af61bcfb60fb5b5aa 504 503 2025-03-21T22:16:39Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; } ae109efad52f8a41280e7d819f68ecf991efedb9 505 504 2025-03-21T22:18:03Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } ae888b9e516184330d22a21a4b24bffbff2bea3f 506 505 2025-03-21T22:18:53Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } 55c3013a662d70e6e8ad374a6b087fe9f36433b1 507 506 2025-03-21T22:19:51Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.2; } 50% { opacity: 2; } 100% { opacity: 0.1; } } 6b43b94a6144f297e3a3dff92697337743481a9f 508 507 2025-03-21T22:20:14Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.8; } 50% { opacity: 3; } 100% { opacity: 0.2; } } 725e51c82ea77d4651592e5d17be031d07dadff2 509 508 2025-03-21T22:20:34Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.1; } 50% { opacity: 12; } 100% { opacity: 0.8; } } c100960086d41071dfa94006f03e559c1ad5dd6f 510 509 2025-03-21T22:20:53Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 22; } 50% { opacity: 12; } 100% { opacity: 44; } } d608d99fa56bb930f4d3e2ebf55a0bbb6bd429ce 511 510 2025-03-21T22:21:12Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 1; } 50% { opacity: 2; } 100% { opacity: 3; } } 11f640a3eb42cd16354ad329e9ca5982aa9bdecf 512 511 2025-03-21T22:21:36Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 0.2s infinite alternate; border-radius: 8px; filter: blur(4px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.2; } 50% { opacity: 12; } 100% { opacity: 1; } } cc7c3b0e8f5cfb9d3c108850c14872d6fd09482a 513 512 2025-03-21T22:22:40Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2.5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: 0; animation: legendaryFlicker 1s infinite alternate; border-radius: 9px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.8; } } fec130654bcb47c9bd656f21e61243f34f5c56bc 514 513 2025-03-21T22:23:41Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 5s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 6px; filter: blur(5px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } 98f57fec7cf45e1f174e8d06d28cc8a403cbd62c 515 514 2025-03-21T22:24:21Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 2s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 2s infinite alternate; border-radius: 6px; filter: blur(5px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0.2; } 50% { opacity: 0.2; } 100% { opacity: 0.2; } } f3e9ce7998bf9bf40c0c9b57a8e9a12461da14e3 516 515 2025-03-21T22:25:08Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 8s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 2s infinite alternate; border-radius: 6px; filter: blur(5px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 1; } 50% { opacity: 15; } 100% { opacity: 30; } } 74bfd49c3f39288cfcc356bc93f31589e25b67a4 517 516 2025-03-21T22:25:45Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } 76a4b601719727d7ccbc7758b4a63da5061c695b 0 309 518 2025-03-22T00:48:36Z Siege 584755 Created page with "{{Gear Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} == Skull Metal Helmet == You h..." wikitext text/x-wiki {{Gear Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} == Skull Metal Helmet == You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. Obtained through combat. Not sure if it can be bought from an NPC. 34895cf77cc9a93c348eb8a312868e6cfdfed6fb 519 518 2025-03-22T00:49:15Z Siege 584755 /* Skull Metal Helmet */ wikitext text/x-wiki {{Gear Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. Obtained through combat. Not sure if it can be bought from an NPC. 0a572cc83e83836ca85e6336ee99e8d0ec5a8e1a 522 519 2025-03-22T00:52:45Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. Obtained through combat. Not sure if it can be bought from an NPC. Stats may vary when obtained in dungeons. bae242f0ba5051042080c74bfa9f4124e008acbd 534 522 2025-03-22T08:46:45Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Skull Metal Helmet |image=Uncommon skullcap.png |Motto= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. Obtained through combat. Not sure if it can be bought from an NPC. Stats may vary when obtained in dungeons. [[File:Skull Metal Helmet - Large.png|frameless|left]] 42d481f4c2916629a930989ea2e33f16ed8e2a9a 0 282 520 493 2025-03-22T00:51:14Z Siege 584755 wikitext text/x-wiki {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | Example || [['''Skull_Metal_Helmet'''|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} baebb351715ef794a4858846a810c8362bd0888b 521 520 2025-03-22T00:51:43Z Siege 584755 wikitext text/x-wiki {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | Example || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} d73570d871a9cd08e1f46e10a4550409506337db 523 521 2025-03-22T01:13:49Z Siege 584755 wikitext text/x-wiki {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | [[File:Uncommon skullcap.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} 1d1c9b8f0c4ea34abfa4a5eb831481914b33eb2e 551 523 2025-03-22T11:40:17Z Siege 584755 Siege renamed page [[Reave Wiki:Armor]] to [[Armor]] without leaving a redirect: To make it easier to search for. wikitext text/x-wiki {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | [[File:Uncommon skullcap.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} 1d1c9b8f0c4ea34abfa4a5eb831481914b33eb2e 6 310 524 2025-03-22T08:11:36Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 311 525 2025-03-22T08:14:53Z Siege 584755 Created page with "{{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }}" wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} b58a1738de8881bdb9a6d3ffcd9f5b5958e79332 526 525 2025-03-22T08:19:35Z Siege 584755 wikitext text/x-wiki A xiphos. {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} [[File:Short Sword - Action Shot.jpg|left|thumb|320x320px]] |- This weapon can be purchased from an NPC in the social area, or found during raids. Weapons found during raids will have randomized rarities and stats. 7e7089d955c1d544c9052324014a76404b9dc6ef 527 526 2025-03-22T08:21:46Z Siege 584755 wikitext text/x-wiki A xiphos. This weapon can be purchased from an NPC in the social area, or found during raids. Weapons found during raids will have randomized rarities and stats. {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} [[File:Short Sword - Action Shot.jpg|left|thumb|320x320px]] 76bebe5b66bea23f92ea262bc6822681acdd4032 528 527 2025-03-22T08:23:25Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} A xiphos. <br><br> This weapon can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Action Shot.jpg|left|thumb|320x320px]] 3dd6a134237f27cce02a31e752217066cce23696 537 528 2025-03-22T08:50:38Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} A xiphos. <br><br> This weapon can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 448e2a7fe612291076a6574d30acb5723508e6af 538 537 2025-03-22T08:52:25Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 378b311d07dbd562216b9484e8bb0ff9102f4327 547 538 2025-03-22T11:36:25Z Siege 584755 Siege renamed page [[Reave Wiki:Short Sword]] to [[Short Sword]] without leaving a redirect: To make it more easily searchable. wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Reave_Wiki_Xiphos_SS_Rarity0.png |Motto= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell= |Rare_Sell= |Epic_Sell= |Legendary_Sell= }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 378b311d07dbd562216b9484e8bb0ff9102f4327 0 301 529 497 2025-03-22T08:33:21Z Siege 584755 wikitext text/x-wiki {| class="wikitable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Reave Wiki Xiphos SS Rarity0.png|50px|thumb|center]] || [[Reave Wiki:Short Sword|Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} 41729e5b625f30f41cc8ac5f6985fbdc744a45e3 530 529 2025-03-22T08:35:44Z Siege 584755 wikitext text/x-wiki Some weapons can be purchased from NPCs in the social area. Some NPCs require quests to be completed before they sell items. Weapons found during raids will have randomized rarities and stats. Click a weapon name to see more information. {| class="wikitable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Reave Wiki Xiphos SS Rarity0.png|50px|thumb|center]] || [[Reave Wiki:Short Sword|Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} 740276b412124efeb03021939619aea25fc2aa04 531 530 2025-03-22T08:38:34Z Siege 584755 wikitext text/x-wiki Some weapons can be purchased from NPCs in the social area. These weapons will be Common rarity and have standardized stats. Some NPCs require quests to be completed before they sell items. Weapons found during raids will have randomized rarities and stats. Click a weapon name to see more information. {| class="wikitable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Reave Wiki Xiphos SS Rarity0.png|50px|thumb|center]] || [[Reave Wiki:Short Sword|Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} 6dffac040235ab5e274fab533aab1bb576e3c3ba 532 531 2025-03-22T08:42:21Z Siege 584755 wikitext text/x-wiki Some weapons can be purchased from NPCs in the social area. These weapons will be Common rarity and have standardized stats. Some NPCs require quests to be completed before they sell items. Weapons found during raids will have randomized rarities and stats. Click a weapon name to see more information. {| class="wikitable sortable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Reave Wiki Xiphos SS Rarity0.png|50px|thumb|center]] || [[Reave Wiki:Short Sword|Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} e2031cbc4d6a1b3c6042dff52700e6ef7bc862a0 548 532 2025-03-22T11:37:50Z Siege 584755 wikitext text/x-wiki Some weapons can be purchased from NPCs in the social area. These weapons will be Common rarity and have standardized stats. Some NPCs require quests to be completed before they sell items. Weapons found during raids will have randomized rarities and stats. Click a weapon name to see more information. {| class="wikitable sortable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Reave Wiki Xiphos SS Rarity0.png|50px|thumb|center]] || [[Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} d8c84c9a791739b35e170c1148d6356d8ecaaeb2 6 312 533 2025-03-22T08:44:31Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 313 535 2025-03-22T08:49:00Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 314 536 2025-03-22T08:49:02Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 315 539 2025-03-22T09:03:27Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 316 540 2025-03-22T09:29:44Z Siege 584755 Created page with "The social space is a large area where players start off. <br> Here, players can meet each other, buy or sell items with NPCs, complete quests, choose skills, or enter the personal hut. <br><br> In the hut, players can customize their character, choose equipment and adjust their inventory. <br><br> Please keep in mind that Reave is in very early development, so there are many improvements to come. [[File:TEMP - Social Space.jpg|frameless|left]]" wikitext text/x-wiki The social space is a large area where players start off. <br> Here, players can meet each other, buy or sell items with NPCs, complete quests, choose skills, or enter the personal hut. <br><br> In the hut, players can customize their character, choose equipment and adjust their inventory. <br><br> Please keep in mind that Reave is in very early development, so there are many improvements to come. [[File:TEMP - Social Space.jpg|frameless|left]] 67ad6cecd693084b9960542e913e51ff7983b7e7 10 317 541 2025-03-22T11:24:40Z MattN 585119 Created page with "<div class="{{#switch:{{{align|}}}|left=floatleft|right=floatright|center|#default=floatnone}} noresize" style="position: relative; width: {{{base_width|{{{width|0px}}}}}}; {{#ifeq:{{{align|}}}|center|margin-left:auto; margin-right:auto;}}">{{ #if: {{{float|}}} | <div style="position: absolute; left: {{{x|0}}}px; top: {{{y|0}}}px; padding: 0;"><!-- -->Image:{{{float}}}|{{if empty|{{{float_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{float_link|}}}|file:||{{!}}link={{..." wikitext text/x-wiki <div class="{{#switch:{{{align|}}}|left=floatleft|right=floatright|center|#default=floatnone}} noresize" style="position: relative; width: {{{base_width|{{{width|0px}}}}}}; {{#ifeq:{{{align|}}}|center|margin-left:auto; margin-right:auto;}}">{{ #if: {{{float|}}} | <div style="position: absolute; left: {{{x|0}}}px; top: {{{y|0}}}px; padding: 0;"><!-- -->[[Image:{{{float}}}|{{if empty|{{{float_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{float_link|}}}|file:||{{!}}link={{{float_link|}}}}}|alt={{{float_alt|}}}|class={{{float_class|}}}|{{{float_caption|}}}]]</div> }}[[Image:{{{base|blank.png}}}|{{if empty|{{{base_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{base_link|file:}}}|file:||{{!}}link={{{base_link|file:}}}}}|alt={{{base_alt|}}}|class={{{base_class|}}}|{{{base_caption|}}}]]</div> 1a99c9bbcfdb707f5f03cbb5096426ba0b230038 549 541 2025-03-22T11:38:28Z MattN 585119 wikitext text/x-wiki <div class="{{#switch:{{{align|}}}|left=floatleft|right=floatright|center|#default=center}}" style="position: relative; width: {{{base_width|{{{width|0px}}}}}}; {{#ifeq:{{{align|}}}|center|margin-left:auto; margin-right:auto;}}">{{ #if: {{{float|}}} | <div style="position: absolute; left: {{{x|0}}}px; top: {{{y|0}}}px; padding: 0;"><!-- -->[[Image:{{{float}}}|{{if empty|{{{float_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{float_link|}}}|file:||{{!}}link={{{float_link|}}}}}|alt={{{float_alt|}}}|class={{{float_class|}}}|{{{float_caption|}}}]]</div> }}[[Image:{{{base|blank.png}}}|{{if empty|{{{base_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{base_link|file:}}}|file:||{{!}}link={{{base_link|file:}}}}}|alt={{{base_alt|}}}|class={{{base_class|}}}|{{{base_caption|}}}]]</div> a4bcc65e0f21bbb62fe73629a4a43df743cc43e3 550 549 2025-03-22T11:39:13Z MattN 585119 wikitext text/x-wiki <div class="{{#switch:{{{align|}}} style="position: relative; width: {{{base_width|{{{width|0px}}}}}}; {{#ifeq:{{{align|}}}|center|margin-left:auto; margin-right:auto;}}">{{ #if: {{{float|}}} | <div style="position: absolute; left: {{{x|0}}}px; top: {{{y|0}}}px; padding: 0;"><!-- -->[[Image:{{{float}}}|{{if empty|{{{float_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{float_link|}}}|file:||{{!}}link={{{float_link|}}}}}|alt={{{float_alt|}}}|class={{{float_class|}}}|{{{float_caption|}}}]]</div> }}[[Image:{{{base|blank.png}}}|{{if empty|{{{base_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{base_link|file:}}}|file:||{{!}}link={{{base_link|file:}}}}}|alt={{{base_alt|}}}|class={{{base_class|}}}|{{{base_caption|}}}]]</div> 9b066e61003eef684f3bbbf25da2ff96b13cdcdf 10 308 542 480 2025-03-22T11:31:03Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image= |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 6391fc3e31445d743c41c5599ce3075b50764dec 543 542 2025-03-22T11:32:30Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 7a2268a701d5d61d8f3d7e6615924d2791c2e223 544 543 2025-03-22T11:33:47Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |sep=; |Superimpose |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 661fc4c8de6c980b207a2ec7223bb388c8b8fd26 545 544 2025-03-22T11:34:25Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |sep=; |image=. |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 6194dd3ae634a517e734608413d8ee22a6d8a2c4 546 545 2025-03-22T11:35:37Z MattN 585119 Reverted edits by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:Siege|Siege]] wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> f5ac1d47cb60ca912f10ac4dd47604c4acf95e15 10 317 552 550 2025-03-22T11:40:50Z MattN 585119 wikitext text/x-wiki <div class="{{#switch:{{{align|}}}|left=floatleft|right=floatright|center|#default=floatnone}} noresize" style="position: relative; width: {{{base_width|{{{width|0px}}}}}}; {{#ifeq:{{{align|}}}|center|margin-left:auto; margin-right:auto;}}">{{ #if: {{{float|}}} | <div style="position: absolute; left: {{{x|0}}}px; top: {{{y|0}}}px; padding: 0;"><!-- -->[[Image:{{{float}}}|{{if empty|{{{float_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{float_link|}}}|file:||{{!}}link={{{float_link|}}}}}|alt={{{float_alt|}}}|class={{{float_class|}}}|{{{float_caption|}}}]]</div> }}[[Image:{{{base|blank.png}}}|{{if empty|{{{base_width|{{{width|}}}}}}|0px}}{{#ifeq:{{{base_link|file:}}}|file:||{{!}}link={{{base_link|file:}}}}}|alt={{{base_alt|}}}|class={{{base_class|}}}|{{{base_caption|}}}]]</div> 1a99c9bbcfdb707f5f03cbb5096426ba0b230038 0 6 553 386 2025-03-22T11:48:08Z Siege 584755 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of skills and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 3057362f3c9422ab37120edb756c4a825cdc0bde 597 553 2025-03-22T12:58:53Z Siege 584755 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the waitlist, connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 6ada656daa98261e8a835c07b7a261f3ab760698 599 597 2025-03-22T13:08:28Z Siege 584755 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 5bbb36d8f1dd80e14d3daddd63c8f200ab500cb2 10 318 554 2025-03-22T11:49:44Z MattN 585119 Created page with "<includeonly><div style="position:relative; height:{{{frame_height|250}}}px; width:{{{frame_width|250}}}px; overflow:hidden; margin:0; padding:0;"><!-- --><div style="position:relative; z-index:1; top:{{{back_downshift|0}}}px; left:{{{back_rightshift|0;}}}px; margin:0; padding:0;"><!-- -->[[File:{{{back_filename|}}}|x{{{back_height|250}}}px]]<!-- --></div><!-- --><div style="position:relative; z-index:2; margin:0; padding:0; border:{{{border|}}}; left:{{{front_rightshift..." wikitext text/x-wiki <includeonly><div style="position:relative; height:{{{frame_height|250}}}px; width:{{{frame_width|250}}}px; overflow:hidden; margin:0; padding:0;"><!-- --><div style="position:relative; z-index:1; top:{{{back_downshift|0}}}px; left:{{{back_rightshift|0;}}}px; margin:0; padding:0;"><!-- -->[[File:{{{back_filename|}}}|x{{{back_height|250}}}px]]<!-- --></div><!-- --><div style="position:relative; z-index:2; margin:0; padding:0; border:{{{border|}}}; left:{{{front_rightshift|0}}}px; top:{{#expr:{{{front_downshift|0}}}-{{{back_height|250}}}}}px;"><!-- -->{{#if:{{{front_filename|}}}|[[File:{{{front_filename|}}}|x{{{front_height|50}}}px]]}}<!-- --></div><!-- --></div><!-- --><div style="width:{{{frame_width|250}}}px;"><!-- -->{{{caption|Caption text goes here}}}<!-- --></div></includeonly><noinclude> 0c813d2e0c865bd10f48d5972accc883ecdbf395 555 554 2025-03-22T11:54:03Z MattN 585119 wikitext text/x-wiki <includeonly><div style="position:relative; height:{{{frame_height|250}}}px; width:{{{frame_width|250}}}px; overflow:hidden; margin:0; padding:0;"><!-- --><div style="position:relative; z-index:1; top:{{{back_downshift|0}}}px; left:{{{back_rightshift|0;}}}px; margin:0; padding:0;"><!-- -->[[File:{{{back_filename|}}}|x{{{back_height|250}}}px]]<!-- --></div><!-- --><div style="position:relative; z-index:2; margin:0; padding:0; border:{{{border|}}}; left:{{{front_rightshift|0}}}px; top:{{#expr:{{{front_downshift|0}}}-{{{back_height|250}}}}}px;"><!-- -->{{#if:{{{front_filename|}}}|[[File:{{{front_filename|}}}|x{{{front_height|50}}}px]]}}<!-- --></div><!-- --></div><!-- --><div style="width:{{{frame_width|250}}}px;"></div></includeonly><noinclude> e3bca943071fc9ef929b842178efe3745957401f 0 319 556 2025-03-22T11:54:11Z Siege 584755 Created page with "The tent is an area in the [[Social Space|social space]] where players can adjust their equipment, inventory and even customize their character. <br><br> The tent is instanced, so each player will see their own unique area. <br><br> Players may also create new characters inside the tent." wikitext text/x-wiki The tent is an area in the [[Social Space|social space]] where players can adjust their equipment, inventory and even customize their character. <br><br> The tent is instanced, so each player will see their own unique area. <br><br> Players may also create new characters inside the tent. bd86d6616591bfa0e18f1eccabd7119ec6cc510e 565 556 2025-03-22T12:04:40Z Siege 584755 wikitext text/x-wiki The tent is an area in the [[Social Space|social space]] where you can adjust your equipment, inventory and even [[Character Customization|customize your character]]. <br><br> The tent is instanced, so each player will see their own unique area. <br><br> You are also able to create new characters inside the tent. ac579f7f0d9af676baebba432daf69ae59ca2cc9 584 565 2025-03-22T12:24:18Z Siege 584755 wikitext text/x-wiki === Your Refuge, Your Armory === Beyond the noise of the [[Social Space|social space]] and the whispers of trade, your tent awaits — a private space tucked away from prying eyes. Here, you prepare. Here, you decide who you are before facing the darkness. Adjust your loadout, manage your inventory, and fine-tune your equipment. [[Character Customization|customize your appearance]], refine your style, or begin again entirely — the tent is where new characters are born and old ones are sharpened to survive. Each tent is instanced, unseen by others. What you do within is yours alone — a quiet breath before the storm, a final moment of control before chaos takes hold. 07bf8330e6d94585f711647858ab7339aae53a0d 585 584 2025-03-22T12:24:46Z Siege 584755 wikitext text/x-wiki === Your Refuge, Your Armory === Beyond the noise of the [[Social Space|social space]] and the whispers of trade, your tent awaits — a private space tucked away from prying eyes. Here, you prepare. Here, you decide who you are before facing the darkness. <br><br> Adjust your loadout, manage your inventory, and fine-tune your equipment. [[Character Customization|customize your appearance]], refine your style, or begin again entirely — the tent is where new characters are born and old ones are sharpened to survive. <br><br> Each tent is instanced, unseen by others. What you do within is yours alone — a quiet breath before the storm, a final moment of control before chaos takes hold. da3a93694bb78cc1b89a49a4c0810d67dc7bc19c 591 585 2025-03-22T12:35:28Z Siege 584755 wikitext text/x-wiki === Your Refuge, Your Armory === Beyond the noise of the [[Social Space|social space]] and the whispers of trade, your tent awaits — a private space tucked away from prying eyes. Here, you prepare. Here, you decide who you are before facing the darkness. <br><br> Adjust your loadout, manage your inventory, and fine-tune your equipment. [[Character Customization|Customize your appearance]], refine your style, or begin again entirely — the tent is where new characters are born and old ones are sharpened to survive. <br><br> Each tent is instanced, unseen by others. What you do within is yours alone — a quiet breath before the storm, a final moment of control before chaos takes hold. b60149fcf269f480964da3178f4cbeb0bffedc81 0 316 557 540 2025-03-22T11:55:34Z Siege 584755 wikitext text/x-wiki The social space is a large area where players start off. <br> Here, players can meet each other, buy or sell items with NPCs, complete quests, choose skills, or enter the personal [[The Tent|tent]]. <br><br> In the [[The Tent|tent]], players can customize their character, choose equipment and adjust their inventory. <br><br> Please keep in mind that Reave is in very early development, so there are many improvements to come. [[File:TEMP - Social Space.jpg|frameless|left]] 949b2aff0aeb3fb201cc22c7bdafbfd09004449c 558 557 2025-03-22T11:56:14Z Siege 584755 wikitext text/x-wiki The social space is a large area where players start off. <br> Here, players can meet each other, buy or sell items with NPCs, select quests, choose skills, or enter the personal [[The Tent|tent]]. <br><br> In the [[The Tent|tent]], players can customize their character, choose equipment and adjust their inventory. <br><br> Please keep in mind that Reave is in very early development, so there are many improvements to come. [[File:TEMP - Social Space.jpg|frameless|left]] 2f2a5a3d2248243fffc882029a55bdaa9e7864a8 566 558 2025-03-22T12:06:07Z Siege 584755 wikitext text/x-wiki The social space is a large area where players start off. <br> Here, players can meet each other, buy or sell items with NPCs, select quests, choose skills, or enter the personal [[The Tent|tent]]. <br><br> In the [[The Tent|tent]], players can [[Character Customization|customize their character]], choose equipment and adjust their inventory. <br><br> Please keep in mind that Reave is in very early development, so there are many improvements to come. [[File:TEMP - Social Space.jpg|frameless|left]] 17cf339b2c56cf4d5cecb648e60a1f5963fde190 580 566 2025-03-22T12:20:22Z Siege 584755 wikitext text/x-wiki Before the descent, all roads lead here. This is where your journey begins — a sanctuary tucked just beyond the shadows. Meet fellow adventurers, trade with shadowed vendors, and prepare yourself for what lies beneath. Browse wares, barter for rare finds, or seek out whispers of quests from mysterious figures at the edge of the firelight. Choose your skills, sharpen your loadout, and weigh the risks ahead. Trust is scarce, but opportunity thrives in the flicker of torchlight. === Your Tent, Your Arsenal === Within the safety of your personal [[The Tent|tent]], time slows. Here, you’ll shape your path — [[Character Customization|customize your appearance]], preparing your inventory, and selecting your gear before venturing into the unknown. Every choice matters. Every item could be the difference between glory… or death in the dark. === A Living World in Progress === REAVE is still forging its form — and the social space is only the beginning. Expect expansions, refinements, and new secrets in the future. The descent is just getting started. <br><br> [[File:TEMP - Social Space.jpg|frameless|left]] 3ab5e27a11b01cd0e5b8d927409d8775d308119f 596 580 2025-03-22T12:56:01Z Siege 584755 wikitext text/x-wiki Before the descent, all roads lead here. This is where your journey begins — a sanctuary tucked just beyond the shadows. Meet fellow adventurers, trade with shadowed vendors, and prepare yourself for what lies beneath. Browse wares, barter for rare finds, or seek out whispers of quests from mysterious figures at the edge of the firelight. Choose your [[Skills|skills]], sharpen your loadout, and weigh the risks ahead. Trust is scarce, but opportunity thrives in the flicker of torchlight. === Your Tent, Your Arsenal === Within the safety of your personal [[The Tent|tent]], time slows. Here, you’ll shape your path — [[Character Customization|customize your appearance]], preparing your inventory, and selecting your gear before venturing into the unknown. Every choice matters. Every item could be the difference between glory… or death in the dark. === A Living World in Progress === REAVE is still forging its form — and the social space is only the beginning. Expect expansions, refinements, and new secrets in the future. The descent is just getting started. <br><br> [[File:TEMP - Social Space.jpg|frameless|left]] 2e153f6bb01f77df498d55b905bece4c22813e49 600 596 2025-03-22T13:13:21Z Siege 584755 wikitext text/x-wiki Before the descent, all roads lead here. This is where your journey begins — a sanctuary tucked just beyond the shadows. Meet fellow adventurers, trade with shadowed vendors, and prepare yourself for what lies beneath. Browse wares, barter for rare finds, or seek out whispers of quests from mysterious figures at the edge of the firelight. Choose your [[Skills|skills]], sharpen your loadout, and weigh the risks ahead. Trust is scarce, but opportunity thrives in the flicker of torchlight. === Your Tent, Your Arsenal === Within the safety of your personal [[The Tent|tent]], time slows. Here, you’ll shape your path — [[Character Customization|customize your appearance]], preparing your inventory, and selecting your gear before venturing into the unknown. Every choice matters. Every item could be the difference between glory… or death in the dark. === A Living World in Progress === Reave is still forging its form — and the social space is only the beginning. Expect expansions, refinements, and new secrets in the future. The descent is just getting started. <br><br> [[File:TEMP - Social Space.jpg|frameless|left]] 5387ad413ffb9f76bbe0dc5f7049c01df4eb79ca 10 308 559 546 2025-03-22T11:57:56Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=;; |mono=section |sep=;; |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 3aca400cbcbd919848ce9966eecb25516d322051 560 559 2025-03-22T11:58:23Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |mono=section |sep=; |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> f781dd982aa0a032ef6ae09137f655dab97a2a1a 561 560 2025-03-22T11:59:42Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> f5ac1d47cb60ca912f10ac4dd47604c4acf95e15 567 561 2025-03-22T12:06:41Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=ImageSection; MottoSection; Stats |ImageSection=Motto |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 141f305e34b3b4e925d0219a452a952cbe070d2a 568 567 2025-03-22T12:07:59Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections=ImageSection; MottoSection; Stats |ImageSection=Borderimage <!-- add one field to the MottoSection section --> |ImageSection_label=Images <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |ImageSection_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 898ac55714d7e9ebb3a247c5a65aa47d1b5373a0 569 568 2025-03-22T12:09:10Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection; ImageSection; Stats |ImageSection=Borderimage <!-- add one field to the MottoSection section --> |ImageSection_label=Images <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |ImageSection_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 36d2bbd9b0497f172a345adf77626451d74f17ee 570 569 2025-03-22T12:10:01Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Overlayimage |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> bd9034aec352a26ce816c4ccaef3001a4fcfac2d 571 570 2025-03-22T12:11:04Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Overlayimage=example-1 |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection; Stats |MottoSection=Motto <!-- add one field to the MottoSection section --> |MottoSection_label=Description <!-- change the MottoSection label to display `Motto` instead of `MottoSection` --> |Motto_nolabel=Yes <!-- remove the label from the `Motto` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> e0a7ab33524e916cd6d79a74ad856e5ff6143a4d 572 571 2025-03-22T12:12:26Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Overlayimage=example-1 |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection1; MottoSection2; Stats |MottoSection1=Motto <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> ae58599f78719a19c098832a341d9a9a30a22055 573 572 2025-03-22T12:14:24Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Overlayimage |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection1; MottoSection2; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Description <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> de2dc105b9db8b6a9731298663ce2e7fb5b20263 574 573 2025-03-22T12:15:35Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |image |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection1; MottoSection2; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Images <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> f677aba28760cc9492c4a7444d562087bdb33f15 575 574 2025-03-22T12:16:39Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |image |Images |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Images <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> e4fa4a72e7860131fd1321c2967786f8c4e0c4e3 576 575 2025-03-22T12:17:21Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |image |Images |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label= <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 00051559e9251bc71a777edfbeb78d827ddb3af4 577 576 2025-03-22T12:18:03Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |image |Images |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label= <!-- change the MottoSection2 label to display ` ` instead of `MottoSection2` --> | _nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 63805dbb01a1d25df969095095853b39b9cca4ad 578 577 2025-03-22T12:18:45Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |image |Images |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Short Sword <!-- change the MottoSection2 label to display `Short Sword` instead of `MottoSection2` --> |Short Sword_nolabel=Yes <!-- remove the label from the `Short Sword` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> c5cf0dc5c481d26607c62bf9de4ed0717d080ba8 579 578 2025-03-22T12:20:06Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Motto2 <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> f6da18959f7db3641af912f1a3252bb48688ffea 581 579 2025-03-22T12:20:49Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Short Sword <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> ddfba04cbefd4bbb3f8f441dfac75ba62fb51c06 582 581 2025-03-22T12:23:02Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Icon <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 14b57a360ab0e094d3e8097ff516414180bf8808 0 320 562 2025-03-22T12:02:27Z Siege 584755 Created page with "Inside the [[The Tent|tent]] in the [[Social Space|social space]] you will be able to customize the appearance of your character in many different ways. <br><br> Customization is currently undergoing improvements, so look forward to this feature in the future. <br><br> If you wish to change your character's skills, that can be done in the [[Social Space|social space]]. <br><br> Remember, looking good is half the battle!" wikitext text/x-wiki Inside the [[The Tent|tent]] in the [[Social Space|social space]] you will be able to customize the appearance of your character in many different ways. <br><br> Customization is currently undergoing improvements, so look forward to this feature in the future. <br><br> If you wish to change your character's skills, that can be done in the [[Social Space|social space]]. <br><br> Remember, looking good is half the battle! e056e939aec77adef35bce049ead4fa27229dfe8 592 562 2025-03-22T12:39:07Z Siege 584755 wikitext text/x-wiki Within the quiet of your [[The Tent|tent]], you’ll find more than weapons and gear — you’ll find identity. Customize your character’s appearance in a growing range of ways. <br><br> Character customization is evolving, with new options and improvements on the horizon. In time, your reflection in the tent’s mirror will become as unique as your path through the dark. <br><br> If you seek to change your skills, those choices await elsewhere in the [[Social Space|social space]] — another step in forging the adventurer you were meant to be. <br><br> Because in REAVE… looking good might not save your life — but it just might make your death legendary. 12a77b8beb45412d303430c589f93a8d8503dc0a 593 592 2025-03-22T12:39:52Z Siege 584755 wikitext text/x-wiki Within the quiet of your [[The Tent|tent]], you’ll find more than weapons and gear — you’ll find identity. Customize your character’s appearance in a growing range of ways. <br><br> Character customization is evolving, with new options and improvements on the horizon. In time, your reflection in the tent’s mirror will become as unique as your path through the dark. <br><br> If you seek to change your skills, those choices await elsewhere in the [[Social Space|social space]] — another step in forging the adventurer you were meant to be. <br><br> Because in Reave… looking good might not save your life — but it just might make your death legendary. 6e7a37be305628e3331ea32b48a566b664dcd79e 828 10 563 18 2025-03-22T12:02:44Z MattN 585119 Scribunto text/plain -- version 0.1.7 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = false -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) if h.castBool(args.setmainimage or 'yes') then h.setMainImage(args.images[1]) end -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports return h.makeInfobox(args, sep), '[[Category:Pages with DRUID infoboxes]]' end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then local res -- try to fall back to normal Variables res, h.counter = pcall( function() return mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 end ) if res then mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else -- else use a random number so at least there's some unique id h.counter = math.random(100000000000000000) -- random integer end else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do if h.castBool(args[section .. '_isdata']) then args[section .. 'Data'] = args[section] args[section] = section .. 'Data' args[section .. 'Data_nolabel'] = 'true' -- will be cast later end args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if h.counter > 1 then return end if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') -- setmainimage is guaranteed to exist on wiki.gg but may not exist on other wikis -- it's not a crucial piece of functionality so we'll fail silently if it doesn't exist pcall(function() mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end) end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass('noexcerpt') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) h.runHook('onMakeOutputStart', out, args) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end h.runHook('onMakeOutputEnd', out, args) -- category for gadget loading return out, '[[Category:Pages with DRUID infoboxes]]' end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-tab-key', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabs, tabTexts, false, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) if args.caption then td:tag('div') :addClass('druid-main-image-caption') :wikitext(args.caption) end return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) :attr('data-druid-tab-key', tabs[i]) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, tabs, texts, isSection, args) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(tabs) do local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(texts[i]) :attr('data-druid-tab-key', item) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end -- this can be null, don't concat anything here label:addClass(args[item .. '_class']) end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) if hasData then node:addClass('druid-data') end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] or args[section .. '_collapsed'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-tabs-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, tabs, texts, true, args) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 7a8236560bb8e0e3819f48252ea80c14c1b391b0 564 563 2025-03-22T12:03:49Z MattN 585119 Scribunto text/plain -- version 0.1.7 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) if h.castBool(args.setmainimage or 'yes') then h.setMainImage(args.images[1]) end -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports return h.makeInfobox(args, sep), '[[Category:Pages with DRUID infoboxes]]' end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then local res -- try to fall back to normal Variables res, h.counter = pcall( function() return mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 end ) if res then mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else -- else use a random number so at least there's some unique id h.counter = math.random(100000000000000000) -- random integer end else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do if h.castBool(args[section .. '_isdata']) then args[section .. 'Data'] = args[section] args[section] = section .. 'Data' args[section .. 'Data_nolabel'] = 'true' -- will be cast later end args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if h.counter > 1 then return end if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') -- setmainimage is guaranteed to exist on wiki.gg but may not exist on other wikis -- it's not a crucial piece of functionality so we'll fail silently if it doesn't exist pcall(function() mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end) end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass('noexcerpt') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) h.runHook('onMakeOutputStart', out, args) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end h.runHook('onMakeOutputEnd', out, args) -- category for gadget loading return out, '[[Category:Pages with DRUID infoboxes]]' end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-tab-key', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabs, tabTexts, false, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) if args.caption then td:tag('div') :addClass('druid-main-image-caption') :wikitext(args.caption) end return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) :attr('data-druid-tab-key', tabs[i]) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, tabs, texts, isSection, args) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(tabs) do local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(texts[i]) :attr('data-druid-tab-key', item) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end -- this can be null, don't concat anything here label:addClass(args[item .. '_class']) end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) if hasData then node:addClass('druid-data') end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] or args[section .. '_collapsed'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-tabs-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, tabs, texts, true, args) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 0b872baa88950499ed588906ea3b07f363640076 0 311 583 547 2025-03-22T12:23:55Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = Short Sword - Large.png | back_height = 140 | back_rightshift = 6 | back_downshift = 5 | front_filename = Reave_Wiki_Xiphos_SS_Rarity0.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage= |Armor Penetration= |Block= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy=100 |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell=10 |Uncommon_Sell=10 |Rare_Sell=12 |Epic_Sell=22 |Legendary_Sell=1000 }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 54fe7a5ec9b9fa091c8f920654162cb54150383c 586 583 2025-03-22T12:26:28Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = Short Sword - Large.png | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_Xiphos_SS_Rarity0.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage=Unkown |Armor Penetration=Unkown |Block=Unkown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unkown |Rare_Damage=Unkown |Epic_Damage=Unkown |Legendary_Damage=Unkown |Common_Buy=100 |Uncommon_Buy=Unkown |Rare_Buy=Unkown |Epic_Buy=Unkown |Legendary_Buy=Unkown |Common_Sell=10 |Uncommon_Sell=Unkown |Rare_Sell=Unkown |Epic_Sell=Unkown |Legendary_Sell=Unkown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 848ca2a06be7fd6abb960a0207718f7cbc56024b 589 586 2025-03-22T12:32:07Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = Short Sword - Large.png | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_IconBorder.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage=Unkown |Armor Penetration=Unkown |Block=Unkown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unkown |Rare_Damage=Unkown |Epic_Damage=Unkown |Legendary_Damage=Unkown |Common_Buy=100 |Uncommon_Buy=Unkown |Rare_Buy=Unkown |Epic_Buy=Unkown |Legendary_Buy=Unkown |Common_Sell=10 |Uncommon_Sell=Unkown |Rare_Sell=Unkown |Epic_Sell=Unkown |Legendary_Sell=Unkown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 5ed857f7e596f2df0af02fc50b61e044c17b19f3 0 301 587 548 2025-03-22T12:28:49Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the social grounds, certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> Click a weapon name to see more information. {| class="wikitable sortable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Reave Wiki Xiphos SS Rarity0.png|50px|thumb|center]] || [[Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} 08ed85659dd30c732f1388b8567c7f4a38e5a227 6 321 588 2025-03-22T12:31:45Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 282 590 551 2025-03-22T12:32:19Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the social space — basic defense for those just beginning their descent. But like weapons, the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the depths comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | [[File:Uncommon skullcap.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} f151e0cc1d5c6da214f509eb44a52e9a443fa6ab 0 309 594 534 2025-03-22T12:41:04Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = Uncommon skullcap.png | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_IconBorder.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. Obtained through combat. Not sure if it can be bought from an NPC. Stats may vary when obtained in dungeons. [[File:Skull Metal Helmet - Large.png|frameless|left]] 017a8fc7c2e59ee2d4215f9d794228120b6d863c 0 322 595 2025-03-22T12:53:05Z Siege 584755 Created page with "As you descend into the depths, every action sharpens you. Every enemy slain, every puzzle unraveled, and every moment of survival adds to your experience. Raids are your proving ground, where each encounter earns you the knowledge to grow stronger. <br><br> When you’ve gathered enough experience, your power will manifest. After leveling up, you’ll earn skill points to hone your abilities. Spend them wisely — for with every point, you draw closer to your true poten..." wikitext text/x-wiki As you descend into the depths, every action sharpens you. Every enemy slain, every puzzle unraveled, and every moment of survival adds to your experience. Raids are your proving ground, where each encounter earns you the knowledge to grow stronger. <br><br> When you’ve gathered enough experience, your power will manifest. After leveling up, you’ll earn skill points to hone your abilities. Spend them wisely — for with every point, you draw closer to your true potential. <br><br> Spend points during the raid summary or return to the archery area in the [[Social Space|social space]], where you can refine your strength, intelligence, and dexterity. Each skill point can be used to enhance your stats or unlock new, profession-specific abilities, granting you the edge needed to face the dangers below. <br><br> Your skills are more than numbers. They are your key to survival… and your ticket to dominance. c09312ecd6f519795ce479eb1902118af21e77ea 0 323 598 2025-03-22T13:07:31Z Siege 584755 Created page with "You’ve found your way here early, and for that, we’re grateful. The descent begins soon, and we’re glad you’re here to witness it. <br><br> [https://forms.gle/rmQEmgQUNDy7Vufo9 SIGN UP FOR THE PLAYTEST] <br><br> Join the Early Access Playtest and prepare for the first steps into the unknown. <br><br> While you wait, feel free to linger in the shadows, discuss the game, and engage with fellow adventurers on our [https://discord.gg/Reave official Discord]. Your pre..." wikitext text/x-wiki You’ve found your way here early, and for that, we’re grateful. The descent begins soon, and we’re glad you’re here to witness it. <br><br> [https://forms.gle/rmQEmgQUNDy7Vufo9 SIGN UP FOR THE PLAYTEST] <br><br> Join the Early Access Playtest and prepare for the first steps into the unknown. <br><br> While you wait, feel free to linger in the shadows, discuss the game, and engage with fellow adventurers on our [https://discord.gg/Reave official Discord]. Your presence won’t go unnoticed. The darkness rewards those who remain vigilant. 5bb50e9f6041c1048ace679c5f0dd9e4a6d35e2c 6 324 601 2025-03-22T13:14:44Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 325 602 2025-03-22T13:14:45Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 606 602 2025-03-22T13:17:45Z MattN 585119 MattN uploaded a new version of [[File:Xiphos.jpg]] wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 608 606 2025-03-22T13:19:44Z MattN 585119 MattN uploaded a new version of [[File:Xiphos.jpg]] wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 311 603 589 2025-03-22T13:15:04Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = Xiphos.jpg | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_IconBorder.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage=Unkown |Armor Penetration=Unkown |Block=Unkown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unkown |Rare_Damage=Unkown |Epic_Damage=Unkown |Legendary_Damage=Unkown |Common_Buy=100 |Uncommon_Buy=Unkown |Rare_Buy=Unkown |Epic_Buy=Unkown |Legendary_Buy=Unkown |Common_Sell=10 |Uncommon_Sell=Unkown |Rare_Sell=Unkown |Epic_Sell=Unkown |Legendary_Sell=Unkown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] c30a17ee2e3b572616e5816507bfe8473606f61f 0 309 604 594 2025-03-22T13:16:53Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = SkullHelm.jpg | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_IconBorder.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. Obtained through combat. Not sure if it can be bought from an NPC. Stats may vary when obtained in dungeons. [[File:Skull Metal Helmet - Large.png|frameless|left]] 7d90ce190d2d14207c3c5c9d0929618e0e8cf1bd 6 324 605 601 2025-03-22T13:17:37Z MattN 585119 MattN uploaded a new version of [[File:SkullHelm.jpg]] wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 607 605 2025-03-22T13:19:38Z MattN 585119 MattN uploaded a new version of [[File:SkullHelm.jpg]] wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 282 609 590 2025-03-22T15:32:55Z MattN 585119 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the social space — basic defense for those just beginning their descent. But like weapons, the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the depths comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || Reinforced Coif || 250g || || 10 || || || || |- | Example || Heavy Coif Chain Mail || 300g || || 30 || || 5 || || |- | Example || Light Chainmail Coif || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || Leather Armor || 200g || || 10 || 0.1 || || 10 || |- | Example || Heavy Leather Armor || 200g || || 10 || || || 20 || |- | Example || Chain Mail || 300g || || 10 || || || || |- | Example || Light Chestplate || 300g || || 10 || || || || |- | Example || Iron Chestplate || 500g || || 10 || || || || |- | Example || Heavy Plate Armor || 10g || || 100 || || || || -0.1 |- | Example || Metal Bracers || 150g || || 10 || || || || |- | Example || Heavy Leather Leggings || 250g || || 10 || || || 10 || |- | Example || Heavy Skirt || 500g || || 10 || || || || |- | Example || Heavy Plate Armor Leggings || 600g || || 50 || || || || -0.1 |- | Example || Reinforced Boots || 100g || || 10 || || || || |- | Example || Heavy Leather Boots || 250g || || 5 || || || 10 || 0.05 |- | Example || Heavy Boots || 600g || || 20 || || 5 || || |} dc6a9d68e016f7fb78cfc1f2fb9aa6bcea6294f6 0 301 610 587 2025-03-22T15:33:24Z MattN 585119 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the social grounds, certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> Click a weapon name to see more information. {| class="wikitable sortable" |- ! Image !! Name !! Buy !! Sell !! Damage !! Armor Penetration !! Block |- | Example || Hand Crossbow || 500g || || 25 || 0.1 || |- | Example || Dagger || 100g || || 15 || 0.5 || 50 |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword]] || 100g || || 20 || 0.2 || 200 |- | Example || Long Sword || 200g || || 25 || 0.1 || 100 |- | Example || OBS - Heavy Sword || 1000g || || 26 || || 200 |} e447e3159d4404e6cc52ce658978a1e1931aebb7 636 610 2025-03-23T09:31:07Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the social grounds, certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> === Daggers: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | Icon || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> === Short Swords: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> === Long Swords: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | Icon || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | Icon || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> === Crossbows: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |} <small>Click a weapon name to see more information.</small> <br><br> === Shields: === {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> === Lights: === {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 536050821e9dfc16ef64a3a8feddbcca9d3f8b01 637 636 2025-03-23T10:22:20Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the social grounds, certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> === Daggers: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | Icon || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> === Short Swords: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> === Long Swords: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | Icon || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | Icon || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> === Crossbows: === {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |} <small>Click a weapon name to see more information.</small> <br><br> === Shields: === {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | Icon || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> === Lights: === {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | Icon || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> b975dea6d9c4d770147448bfaf254934a8185434 10 326 611 2025-03-22T15:37:37Z MattN 585119 Created page with "{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Race,Weapon |Stats=Attack, Health, Echoes dropped" wikitext text/x-wiki {{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Race,Weapon |Stats=Attack, Health, Echoes dropped c5928e6f3af2c0618ddabe69147731988595b981 612 611 2025-03-22T15:38:27Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Race,Weapon |Stats=Attack, Health, Echoes dropped a7d6606639e3bc2da5fc0f7ed12468e844f87eda 613 612 2025-03-22T15:39:15Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- e6590faaaa50e9ac96c936ad5120bb4ce1b18753 614 613 2025-03-22T15:40:04Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, Health, Echoes Dropped f3baa1398de4505415f255a3cf67867522ad4b76 615 614 2025-03-22T15:40:27Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, Health, Echoes Dropped <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 91cca2d1cbd86b8d61e9957d4db9f3e1ef5ae78e 616 615 2025-03-22T15:41:25Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 33013784b9b10e6ee873dfe62f1ef7f7845e5965 6 327 617 2025-03-22T16:05:57Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 328 618 2025-03-22T16:12:24Z MattN 585119 Created page with "{{Enemy_Infobox |title=Skeleton Swordsman <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkelSwordsman.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton_Swordsman]] is a..." wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkelSwordsman.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton_Swordsman]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The Example Character has several attacks, including: * Disguise Self As Flower * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Characters]] f0837b1472e53aa23741f30cd4cb264359325517 619 618 2025-03-22T16:21:17Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkelSwordsman.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Swordsman]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Swordsman]] attacks with lethal strikes with its sword. * Sword Slash * Sword Stab Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. * [[The Study] * [[Storage Halls]] * [[Rocky Chapel]] * [[The Forge]] * [[The Crypt]] [[Category:Enemies]] ed8c1c4e9733432af9405637d1212436dfa9c0e5 620 619 2025-03-22T16:21:30Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkelSwordsman.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Swordsman]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Swordsman]] attacks with lethal strikes with its sword. * Sword Slash * Sword Stab Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. * [[The Study]] * [[Storage Halls]] * [[Rocky Chapel]] * [[The Forge]] * [[The Crypt]] [[Category:Enemies]] f61d1701885757111e7fc6e46328179c39a9d16a 6 329 621 2025-03-23T08:45:10Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 330 622 2025-03-23T08:45:11Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 331 623 2025-03-23T08:45:13Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 332 624 2025-03-23T08:45:13Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 333 625 2025-03-23T08:45:14Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 334 626 2025-03-23T08:45:15Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 335 627 2025-03-23T08:45:17Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 336 628 2025-03-23T08:45:17Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 337 629 2025-03-23T08:45:19Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 338 630 2025-03-23T08:45:19Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 339 631 2025-03-23T08:45:20Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 340 632 2025-03-23T08:45:21Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 341 633 2025-03-23T08:51:29Z Siege 584755 Created page with "Every soul you strike down leaves behind a trace — a flickering echo, pulsing in the dark. These black orbs are more than remnants… they are your way out. <br><br> [[File:P2 Echoes EnemyKill.png|frameless|right]] The stronger the enemy, the more echoes it leaves behind. Challenge breeds reward, but danger grows with every step deeper into the abyss. <br><br> To claim an echo, you must strike it — a [[Weapons|weapon]]’s touch binds it to you. Collect enough, and y..." wikitext text/x-wiki Every soul you strike down leaves behind a trace — a flickering echo, pulsing in the dark. These black orbs are more than remnants… they are your way out. <br><br> [[File:P2 Echoes EnemyKill.png|frameless|right]] The stronger the enemy, the more echoes it leaves behind. Challenge breeds reward, but danger grows with every step deeper into the abyss. <br><br> To claim an echo, you must strike it — a [[Weapons|weapon]]’s touch binds it to you. Collect enough, and you may just live to see the surface again. <br><br> [[File:P2 Echoes Collection.png|frameless|right]] Gather 15 echoes before the raid timer runs out, and you’ll earn the right to open a portal — a fleeting gateway back to the [[Social Space|social space]]. Only through this ritual can you extract safely, keeping every treasure, rare [[Weapons|weapon]], or scrap of [[Armor|armor]] you’ve claimed along the way. <br><br> Fail to collect enough… and you’ll be trapped with nothing but regrets and the cold hands of what hunts in the dark. 1b302343b7006fc854ef24abf120812460421b2d 634 633 2025-03-23T08:53:22Z Siege 584755 Siege renamed page [[Echos]] to [[Echoes]] wikitext text/x-wiki Every soul you strike down leaves behind a trace — a flickering echo, pulsing in the dark. These black orbs are more than remnants… they are your way out. <br><br> [[File:P2 Echoes EnemyKill.png|frameless|right]] The stronger the enemy, the more echoes it leaves behind. Challenge breeds reward, but danger grows with every step deeper into the abyss. <br><br> To claim an echo, you must strike it — a [[Weapons|weapon]]’s touch binds it to you. Collect enough, and you may just live to see the surface again. <br><br> [[File:P2 Echoes Collection.png|frameless|right]] Gather 15 echoes before the raid timer runs out, and you’ll earn the right to open a portal — a fleeting gateway back to the [[Social Space|social space]]. Only through this ritual can you extract safely, keeping every treasure, rare [[Weapons|weapon]], or scrap of [[Armor|armor]] you’ve claimed along the way. <br><br> Fail to collect enough… and you’ll be trapped with nothing but regrets and the cold hands of what hunts in the dark. 1b302343b7006fc854ef24abf120812460421b2d 0 342 635 2025-03-23T08:53:22Z Siege 584755 Siege renamed page [[Echos]] to [[Echoes]] wikitext text/x-wiki #REDIRECT [[Echoes]] 0362ae87f72f6e68d957bd364e10198a37bbeb62 14 214 638 238 2025-03-27T03:10:30Z RheingoldRiver 2743 Adding gadget-helper hidden categories wikitext text/x-wiki This category contains every page with a DRUID infobox. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 17ed4520e5c453209616df3c9b2306fce8ceb12f 8 251 639 275 2025-03-27T03:10:35Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 02a05063770275f77c6a7df46cfecee5acb7f740 643 639 2025-03-27T04:32:07Z RheingoldRiver 2743 Fixing RANGER deploy GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 0e59fa9520b52214b9fedaecae9f41d86afd197f 8 273 640 297 2025-03-27T03:10:36Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out css text/css .ranger-navbox{ --navbox-background: var(--wiki-content-background-color); /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/ --navbox-pill-gap: 0.3em; --navbox-pill-padding: 0.25em 0.75em; --navbox-pill-border-radius: 3px; --navbox-pill-box-shadow: none; --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color); --navbox-pill-background--hover: var(--navbox-pill-background); --navbox-pill-selflink-background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);/* background of pills with selflink in them */ /* remove list cell background */ --navbox-list-background: none; --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent); } .ranger-navbox.no-underline-title-links{ --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border{ --navbox-padding: 0px; --navbox-outer-border-width: 0px; } /****************************** * Fallback for older browsers * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .ranger-navbox { --navbox-above-background: var(--wiki-content-background-color--secondary); --navbox-list-background: transparent; --navbox-list-background--striped: var(--wiki-content-background-color--secondary); --navbox-group-background: var(--wiki-content-background-color--secondary); --navbox-tree-line-color: var(--wiki-content-background-color--secondary); } .ranger-navbox.pill, .ranger-navbox.pill-mobile { --navbox-pill-background: var(--wiki-content-background-color--secondary); --navbox-list-background--striped: transparent; --navbox-pill-selflink-background: var(--wiki-content-background-color--secondary); } } /*************** * End fallback * ****************/ 0f49887270380cdac6968f16cfc75a115818c39a 8 343 641 2025-03-27T03:10:37Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ 769d3248cef93d2b58dcf7339da923494f5173f8 8 262 642 286 2025-03-27T04:03:22Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out javascript text/javascript mw.hook( 'wikipage.content' ).add( () => { $( '.druid-title-tab' ).off( 'click' ) .on( 'click', function () { const $parent = $( this ).closest( '.druid-container' ); $parent.find( '.druid-toggleable' ).removeClass( 'focused' ); const i = $( this ).attr( 'data-druid' ); $parent.find( `.druid-toggleable[data-druid="${i}"]` ).addClass( 'focused' ); } ); $( '.druid-section-tab' ).off( 'click' ) .on( 'click', function () { const $parent = $( this ).closest( '.druid-section-container' ); $parent.find( '.druid-toggleable' ).removeClass( 'focused' ); const i = $( this ).attr( 'data-druid' ); $parent.find( `.druid-toggleable[data-druid="${i}"]` ).addClass( 'focused' ); } ); $( '.druid-collapsible' ).off( 'click' ) .on( 'click', function () { const kind = $( this ).attr( 'data-druid-section' ); $( this ) .toggleClass( 'druid-collapsible-collapsed' ) .closest( '.druid-container' ) .find( `[data-druid-section-row="${kind}"]` ) .toggleClass( 'druid-collapsed' ); } ); } ); /* End DRUID */ af8f73fc414f3fc0dae8d97a044675e9912fa457 10 50 644 58 2025-03-27T05:30:22Z RheingoldRiver 2743 Pushing 1.43-related updates to all wikis - please let us know at https://discord.gg/rTnST57tuW if you have questions or want to opt out wikitext text/x-wiki }<noinclude> {{documentation}}</noinclude> 3bf19eb36f7371f1b4b61b8efbba67dfb0e8cfd4 0 8 645 426 2025-03-30T03:40:26Z RheingoldRiver 2743 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="fplinks"> {{Button|Reave_Discord.png{{!}}class{{=}}no-pixel|https://discord.gg/Reave|<br>|t=icon2}} {{Button|Reave_BSky.png{{!}}class{{=}}no-pixel|https://bsky.app/profile/reavevr.bsky.social|<br>|t=icon2}} {{Button|Reave_x.png{{!}}class{{=}}no-pixel|https://x.com/Reave_VR|<br>|t=icon2}} {{Button|Reave_FB.png{{!}}class{{=}}no-pixel|https://www.facebook.com/ReaveVR|<br>|t=icon2}} {{Button|Reave_Insta.png{{!}}class{{=}}no-pixel|https://www.instagram.com/reave_vr/|<br>|t=icon2}} {{Button|Reave_YT.png{{!}}class{{=}}no-pixel|https://www.youtube.com/@ReaveVR|<br>|t=icon2}} {{Button|Reave_TT.png{{!}}class{{=}}no-pixel|https://www.tiktok.com/@ReaveVR|<br>|t=icon2}} {{Button|Reave_Reddit.png{{!}}class{{=}}no-pixel|https://www.reddit.com/r/Reave/|<br>|t=icon2}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 189bb231ed586ca5a9029c7c7227da1ea1d270c9 8 226 646 482 2025-03-30T17:20:49Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #dc7510; --wiki-content-link-color--rgb: 220, 117, 16; --wiki-content-link-color--hover:#f5c042; --wiki-content-link-color--hover--rgb:245,192,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #916f67; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } abc .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } 463785730367c6e195bb7010ddf3635afe0ee27b 647 646 2025-03-30T17:34:43Z MattN 585119 css text/css /* CSS placed here will affect users of the Vector skin */ html { --wiki-logo-width: 400px; --wiki-logo-height: 163px; --wiki-logo-top-spacing: 45px; --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ --vector-tab-height: 2rem; --vector-tab-border-width: 1px; --vector-tab-top-spacing: 0.5em; --vector-tab-margin: var(--wiki-content-padding); --sidebar-width: 16rem; --sidebar-spacing: 1rem; --sidebar-heading-color: #ffffff; --sidebar-heading-color--rgb: 255, 255, 255; --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10); --sidebar-border-radius: 0px; --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 0px); --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95); --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1); --sidebar-list-item--hover: rgba(20, 20, 20, 0.25); --sidebar-list-item-text-color: #916f67; --sidebar-list-item-text-color--hover: #ffffff; --content-right-margin: 5px; } :root { --wiki-base-background-color: #0d3557; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */ --wiki-body-background-color: #181818; --wiki-body-background-color--rgb: 18, 18, 18; --wiki-body-dynamic-color: #fff; --wiki-body-dynamic-color--rgb: 255, 255, 255; --wiki-body-dynamic-color--inverted: #000; --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */ --wiki-content-background-color: #272727; --wiki-content-background-color--rgb: 27, 27, 27; --wiki-content-background-color--secondary: #454545; --wiki-content-background-color--secondary--rgb: 45, 45, 45; --wiki-content-background-color--tertiary: #555555; --wiki-content-background-color--tertiary--rgb: 55, 55, 55; --wiki-content-border-color: #916f67; --wiki-content-border-color--rgb: 145, 111, 103; --wiki-content-border-image: url(/images/f/f7/Table-border.png); --wiki-content-text-color: #e8e8e8; --wiki-content-text-color--rgb: 232, 232, 232; --wiki-content-link-color: #dc7510; --wiki-content-link-color--rgb: 220, 117, 16; --wiki-content-link-color--hover:#f5c042; --wiki-content-link-color--hover--rgb:245,192,66; --wiki-content-link-label-color: #201919; --wiki-content-redlink-color: #ff0000; --wiki-content-text-mix-color: #878a8f; --wiki-content-text-mix-color-95: #1c202d; --wiki-content-dynamic-color: #fff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-padding: 1.5rem; --wiki-heading-color: #916f67; --wiki-accent-color: #916f67; --wiki-accent-color--rgb: 145, 111, 103; --wiki-accent-color--hover: #ffffff; --wiki-accent-text-color: #e8e8e8; --wiki-navigation-background-color: #333333; --wiki-navigation-border-color: #916f67; --wiki-navigation-border-color--rgb: 145, 111, 103; --wiki-navigation-color: #fff; --wiki-alert-color: #ce0018; --wiki-alert-label-color: #fff; --wiki-alert-color--rgb: 206, 0, 24; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207, 114, 28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12, 116, 47; --wiki-success-label-color: #fff; --wiki-separator-color--rgb: 65, 79, 106; } /* For elements which only display in the mobile view */ .mobileonly { display: none; } /************************************ * Body, head, and general framework * *************************************/ body { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-base-background-color); } #mw-head-base, #mw-page-base { display: none; } /**/ /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: initial; } /* css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /************************ * End general framework * *************************/ /******* * Logo * ********/ /* Copied and modified from Terraria wiki */ /*** logo block. It is absolute position ***/ #p-logo { position: absolute; top: var(--wiki-logo-top-spacing); left: calc(50vw - (var(--wiki-logo-width) / 2)); width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin-left: 0; background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat; filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45)); z-index: 1; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--wiki-logo-width); height: var(--wiki-logo-height); margin: 0 auto; background: none; /* logo flicker fix */ } /*********** * End logo * ************/ /************** * Vector tabs * ***************/ #mw-head { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px); left: calc(var(--sidebar-width) + var(--sidebar-spacing)); width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px); height: calc(2rem + 1.75em); margin: 0 var(--vector-tab-margin); border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; z-index: 1; } #left-navigation, #right-navigation { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0.85rem 0; padding: 0; } .vector-menu-tabs li { background: none; } .vector-menu-tabs li:not(:first-child), #p-cactions { padding-left: 5px; } .vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-color); height: 80%; display: flex; align-items: center; box-sizing: border-box; padding: 0.9em 8px; margin: 0.2em 0; } .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited { color: var(--wiki-content-redlink-color); } .vector-menu-tabs li a { color: var(--wiki-content-link-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-content-link-color); } .vector-menu-tabs .mw-watchlink.icon span { padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0; color: transparent; } .vector-menu-tabs #ca-unwatch a, .vector-menu-tabs #ca-watch a { padding-bottom: 0.2em; color: transparent; } .vector-menu-dropdown .vector-menu-content { background: none; border: none; top: var(--vector-tab-height); } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); margin-left: 6px; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100); } #mw-head .mw-portlet span { padding: 0; background: none; border: none; } #p-search { padding: 0; margin: 0; margin-left: 0.4em; } .vector-search-box form { margin: 0; } .vector-menu-tabs .mw-watchlink.icon a::before { /* height: calc(var(--vector-tab-height) - 4px); */ /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */ top: 0.5em; height: 16px } .vector-menu-tabs .mw-watchlink.icon a span { display: none; } .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0)); border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%; border-top: var(--vector-tab-border-width) solid; border-bottom: var(--vector-tab-border-width) solid; } .vector-menu-tabs li.new a, .vector-menu-tabs .selected a, .vector-menu-tabs li a, #mw-head .vector-menu-dropdown .vector-menu-heading { height: 2rem; padding: 0 0.7em; margin: 0; } #p-namespaces, #p-variants, #p-views, #p-cactions, #p-search { margin-top: 0.2em; } /****************** * End vector tabs * *******************/ /*************** * Left Sidebar * ****************/ #p-logo + .mw-portlet .vector-menu-heading { display: block; } #mw-panel .portal { position: relative; top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); /*padding: 0 0;*/ } /* Copied and modified from Terraria wiki */ #mw-panel { font-size: 12px; line-height: 1.5; color: var(--wiki-content-text-color); width: var(--sidebar-width); padding-left: 5px; } #mw-panel a { text-decoration: none; } /* Sections */ #mw-panel .portal, #mw-panel #p-logo + .portal { width: var(--sidebar-width); margin: var(--sidebar-spacing) 0 0 0; padding: 0; border-radius: var(--sidebar-border-radius); box-shadow: var(--sidebar-box-shadow); z-index: 0; } /* Sections background */ #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--sidebar-border-radius); background: var(--sidebar-background); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } /* Sections border */ #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } /* Aligns sidebar with body */ #mw-panel #p-logo + .portal { margin-top: 0; position: relative; } /* Section heading */ #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { margin: 0; padding: 0.9em 1em 0.4em 1em; border-bottom: var(--sidebar-heading-border-bottom); border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0; background: transparent; font-size: 1.25em; font-family: 'Inknut Antiqua', sans-serif; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--sidebar-heading-color); } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading, #mw-panel .portal.collapsed .vector-menu-heading { border-bottom: 1px solid transparent; transition: border-bottom 300ms; } /* Section heading background*/ #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.5em; background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9); border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0; z-index: -1; } #mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before { border-radius: var(--sidebar-border-radius); } /* Arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent; border-width: 0 5px 6px 5px; margin-top: 0; vertical-align: middle; flex: 0 0 auto; } /* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */ #mw-panel .portal.collapsed .vector-menu-heading::after { rotate: 180deg; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--sidebar-heading-color) transparent; } /* list */ #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--sidebar-list-border-top); } #mw-panel #p-logo + .portal.collapsed .body, #mw-panel .portal.collapsed .body { border-top: 1px solid transparent; transition: border-top 300ms; } #mw-panel .portal .body ul { padding: 4px 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: 1.25em; font-family: 'Gentium Book Plus', sans-serif; line-height: inherit; background: none; border-radius: var(--sidebar-inner-border-radius); } #mw-panel .portal .body li:hover { background: var(--sidebar-list-item--hover); } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { display: block; padding: 3px 8px; color: var(--sidebar-list-item-text-color); } #mw-panel .portal .body li a:hover { color: var(--sidebar-list-item-text-color--hover); } #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */ text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */ background-position: 8px center; /* align icon with other text */ } /******************* * End left sidebar * ********************/ /************************** * Content area and footer * ***************************/ #siteNotice { border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%; } #siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) { border-bottom: 1px solid; } #siteNotice + :not(#firstHeading) { margin-bottom: 0.5rem; } #localNotice { margin-bottom: 0.9em; padding-top: 0.9em; } .mw-body, .mw-footer { font-family: Ubuntu, sans-serif; color: var(--wiki-content-text-color); background-color: transparent; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75); border: none; border-radius: 10px; margin-right: var(--content-right-margin); position: relative; z-index: 0; } .mw-body::before, .mw-footer::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-image: var(--wiki-content-background); background-position: bottom right; background-size: auto; background-repeat: no-repeat; background-color: rgba(var(--wiki-body-background-color--rgb), 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 10px; box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset; z-index: -1; } .mw-body::after, .mw-footer::after { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; content: ''; border: 1px solid; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; z-index: -1; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding); /* padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */ } .mw-body, #mw-data-after-content, .mw-footer { margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing)); } .mw-footer { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing)); margin-top: 3em; margin-bottom: 1em; } .mw-footer li { color: var(--wiki-content-text-color); } /* Copyright CC-BY-NC-SA icon */ /* Copied from Terraria wiki */ #footer { /* self */ padding: 1.25em; box-sizing: border-box; position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; } #footer-info { display: contents; } #footer ul li { padding: 0; } #footer-icons { grid-column: span 1 / r; grid-row: t / b; place-self: end; } #footer #footer-info-lastmod { grid-column: l / span 1; grid-row: t / span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l / span 1; grid-row: span 1 / b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; /* mediawiki logo is 31px height, and this image has a 1px black border, a small tweak to make them visually matched on size and position */ bottom: -1px; height: 33px; width: auto; } #footer-places-about { margin-top: 1em; } /* wiki.gg footer semi-fix */ #wikigg-footer { position: relative; z-index: -1; top: 24ch; } /****************************** * End content area and footer * *******************************/ /*********** * Headings * ************/ /* All "large" headers that exist within the body of the wiki */ .mw-body h1, .mw-body h2 { font-family: 'Inknut Antiqua', sans-serif; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #676767, rgba(0, 0, 0, 0)) 30% 5%; } /* Only the largest header that exists at the top of every page*/ .mw-body h1 { padding-top: 0.4em; padding-bottom: 0.4em; } /* All "small" headers that exist within the body of the wiki */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Inknut Antiqua', sans-serif; letter-spacing: 1px; /* Add space between letters to make bolded words look less blurry */ } /* Custom font sizes for headers. Edited to work nicer with custom font. */ /* These headers go in order from LARGEST to smallest */ .mw-body h1, .mw-body-content h1 { font-size: 2em; } .mw-body h2, .mw-body-content h2 { font-size: 1.78em; } .mw-body h3, .mw-body-content h3 { font-size: 1.4em; } .mw-body h4, .mw-body-content h4 { font-size: 1.20em; } /* Custom color for headers */ h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************** * Grid layout * ***************/ html { --layout-sidespace: 5px; --layout-height-offset: var(--wiki-logo-top-spacing); --layout-column-gap: 12px; --layout-content-width: minmax(0, 1fr); } body { box-sizing: border-box; display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; column-gap: var(--layout-column-gap); } body > .content-wrapper, #mw-navigation { display: contents; } #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } #mw-head-base { grid-column: content-left/content-right; grid-row: nav-start/nav-end; } #mw-head { grid-column: content-left/content-right; grid-row: nav-start/nav-end; position: relative; top: 0; left: 0; width: unset; margin: 0 var(--vector-tab-margin); max-width: unset; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0; z-index: 10; } #mw-head #left-navigation, #mw-head #right-navigation { box-sizing: border-box; display: flex; flex: auto; align-items: normal; } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-panel { grid-column: aside-left/aside-right; grid-row: nav-start/page-end; float: none; width: unset; position: unset; padding-left: 0; margin-bottom: var(--sidebar-spacing); } #mw-panel .portal { top: 0; } div#content { grid-column: content-left/content-right; grid-row: nav-start/content-end; margin: 0; top: 0; } .content-body > main { display: grid; grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right]; grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end]; row-gap: 0px; } #siteNotice { grid-row: sitenotice; grid-column: content-left/content-right; } .mw-body .mw-indicators { grid-column: indicator-left/indicator-right; grid-row: heading-start/heading-end; display: flex; align-items: center; gap: 4px; } #firstHeading { grid-column: heading-left/heading-right; grid-row: heading-start/heading-end; } #bodyContent { grid-column: content-left/content-right; grid-row: content-start/content-end; display: flex; flex-direction: column; } #contentSub, #contentSub2 { margin: 0; } #footer { grid-column: content-left/content-right; grid-row: footer-start/footer-end; width: 100%; max-width: unset; top: 0; left: 0; margin-left: 0; margin-top: 1.5em; } #wikigg-footer { grid-column: body-left/body-right; grid-row: page-end/body-end; top: 0; } /****************** * End grid layout * *******************/ /**************** * Sidebar aside * *****************/ @media screen and (max-width: 1000px) { body { height: 100%; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end]; } #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); background: rgba(var(--wiki-body-background-color--rgb), 1); border: 1px solid; border-image: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: var(--sidebar-border-radius); /* backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ height: 40px; display: flex; align-items: flex-end; margin-bottom: 1em !important; /* padding: 0 var(--main-layout-gap); */ z-index: 11; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } #mw-panel .portal, #mw-panel #p-logo + .portal { background: none; box-shadow: none; border: none; margin: none; padding: 0.25em 0.2em; position: relative; } #mw-panel .portal::before, #mw-panel #p-logo + .portal::before { content: none; } #mw-panel .portal::after, #mw-panel #p-logo + .portal::after { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before { content: none; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 12px; border: none; background: none; justify-content: center; } #mw-panel #p-logo + .portal.expanded .vector-menu-heading, #mw-panel .portal.expanded .vector-menu-heading, #mw-panel #p-logo + .portal:hover .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: rgba(20, 20, 20, 0.5); border-radius: 0; } #mw-panel .portal .vector-menu-heading::after { margin-left: 4px; border-width: 6px 5px 0 5px; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { border-width: 0 5px 6px 5px; } #mw-panel #p-logo + .portal .body, #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position:absolute; left: 0; top: 100%; z-index: 50; width: max-content; border-top: 0; background: var(--wiki-content-background-color); box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7); border: 1px solid var(--wiki-content-border-color); min-width: 8em; } #mw-panel #p-logo + .portal.expanded .body, #mw-panel .portal.expanded .body, #mw-panel #p-logo + .portal:hover .body, #mw-panel .portal:hover .body { display: block !important; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited { padding: 6px 8px; } #mw-panel .portal:last-child .body { left: auto; right: 0; } } @media screen and (max-width: 600px) { #mw-panel .portal:nth-last-child(2) .body { left: auto; right: 0; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 18px; display: block; white-space: nowrap; padding: 8px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { content: ''; display: inline-block; vertical-align: bottom; background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 18px; height: 0; border-bottom: 60px solid transparent; position: relative; filter: drop-shadow(0 42px 0 var(--sidebar-heading-color)); margin: -42px 20px 0 0; z-index: 1; } #mw-panel #p-Navigation #p-Navigation-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==); } #mw-panel #p-lang #p-lang-label::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==) } } @media screen and (max-width: 460px) { #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { font-size: 12px; } #mw-panel #p-Navigation #p-Navigation-label::before, #mw-panel #p-lang #p-lang-label::before { width: 15px; border-width: 59px; } #mw-panel #p-Navigation #p-Navigation-label, #mw-panel #p-lang #p-lang-label { width: 15px; } } /******************** * End sidebar aside * *********************/ /***************** * Sidebar toggle * ******************/ #nav-content-size-toggle { width: 24px; height: 24px; align-self: center; margin-right: 6px; position: relative; border-radius: 3px; cursor: pointer; flex: 0 0 auto; top: 3px; } #nav-content-size-toggle::before, #nav-content-size-toggle::after, #nav-content-size-toggle span::before, #nav-content-size-toggle span::after { content: ""; display: block; position: absolute; width: 3px; height: 3px; border-style: solid; border-color: var(--wiki-content-text-color); } #nav-content-size-toggle:hover::before, #nav-content-size-toggle:hover::after, #nav-content-size-toggle:hover span::before, #nav-content-size-toggle:hover span::after { border-color: var(--wiki-content-link-color); } #nav-content-size-toggle::before { border-width: 2px 0 0 2px; top: 5px; left: 5px; } #nav-content-size-toggle::after { border-width: 2px 2px 0 0; top: 5px; right: 5px; } #nav-content-size-toggle span::before { border-width: 0 0 2px 2px; bottom: 5px; left: 5px; } #nav-content-size-toggle span::after { border-width: 0 2px 2px 0; bottom: 5px; right: 5px; } .content-size-expanded #nav-content-size-toggle::before { border-width: 0 2px 2px 0; } .content-size-expanded #nav-content-size-toggle::after { border-width: 0 0 2px 2px; } .content-size-expanded #nav-content-size-toggle span::before { border-width: 2px 2px 0 0; } .content-size-expanded #nav-content-size-toggle span::after { border-width: 2px 0 0 2px; } /* sidebar toggle. >=1000px only */ @media screen and (min-width: 1000px) { #mw-head #left-navigation:first-child { margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */ } body.content-size-expanded { grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right]; } body.content-size-expanded #mw-panel > * { display: none; } body.content-size-expanded #mw-panel #p-logo { display: block; } } @media screen and (max-width: 1000px) { #nav-content-size-toggle { display: none; } #mw-head { display: block; } } /* sidebar toggle. >=1440px only */ @media screen and (min-width: 1440px) { body.content-size-expanded { --layout-sidespace: 5px; } } /********************* * End sidebar toggle * **********************/ /* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, .skin-vector #mw-indicator-mw-helplink a, label.toctogglelabel { color: var(--wiki-content-link-color); } a.new, div#content a.new { color: var(--wiki-content-redlink-color); } .mw-interwiki-legend .mw-collapsible-toggle a { color: var(--wiki-content-text-color); } ul { list-style-image: url(/images/7/7a/Bullet.png); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } .mw-warning { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border-bottom: 1px solid rgba(65, 79, 106, 0.3); } div.mw-warning-with-logexcerpt { border: 2px solid rgba(65, 79, 106, 0.3); } code { background-color: #000000; color: #ffffff; } pre, .skin-vector .mw-code { background-color: #000000; border: 1px dashed rgba(65, 79, 106, 0.3); color: #e0e0e0; } fieldset { border: 1px solid #527fd0; } /* thumbnails and galleries */ div.thumbinner { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); } img.thumbborder { border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { border: 1px solid rgba(65, 79, 106, 0.3); } li.gallerybox div.thumb { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); background-image: none; border: 1px solid rgba(65, 79, 106, 0.3); } html .thumbimage { background-color: transparent; border: 1px solid rgba(65, 79, 106, 0.3); } /************* * Wikitables * **************/ :root { --wiki-table-background-color: var(--wiki-content-background-color--tertiary); --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb); --wiki-table-background-color--even: #0f1733; --wiki-table-header-background-color: #090e21; --wiki-table-border-color--rgb: 65, 79, 106; } .skin-vector .wikitable { background-color: var(--wiki-table-background-color); border: 4px solid; border-radius: 5px; border-collapse: inherit; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; border-spacing: 0; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .skin-vector .wikitable th { background-color: var(--wiki-table-header-background-color); border: none; text-align: center; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector .wikitable td { border: none; color: var(--wiki-content-text-color); padding: 5px; } .skin-vector table.wikitable tr:nth-child(even) { background-color: var(--wiki-table-background-color--even); } .skin-vector .TablePager, .skin-vector .mw-datatable, table.mw_metadata { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager th, .skin-vector .mw-datatable th, table.mw_metadata th { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } .skin-vector .TablePager tr:hover td, .skin-vector .mw-datatable tr:hover td { background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important; color: var(--wiki-content-text-color); } .skin-vector .TablePager th a, .skin-vector .mw-datatable th a, table.mw_metadata th a { background: #a6274e; /* Old browsers */ background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#916f67', GradientType=0); /* IE6-9 */ color: var(--wiki-content-text-color) !important; } .skin-vector .TablePager td, .skin-vector .mw-datatable td, table.mw_metadata td { background-color: rgba(var(--wiki-table-background-color--rgb), 0.1); border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3); color: var(--wiki-content-text-color); } /* sort headers */ th.header-bg.th.headerSort, .skin-vector table.jquery-tablesorter th.headerSort { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortDown, .skin-vector table.jquery-tablesorter th.headerSortDown { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } th.header-bg.th.headerSortUp, .skin-vector table.jquery-tablesorter th.headerSortUp { background-attachment: scroll; background-repeat: no-repeat, repeat; background-position: center right, center center; padding-right: 21px; } /* The following three rules below may or may not be doing anything that wasn't ** being done above ¯\_(ツ)_/¯ Keeping them here just in case. */ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /***************** * End wikitables * ******************/ /***************** * Navbox styling * ******************/ table.navbox { clear: both; font-size: 0.88em; margin: auto; padding: 1px; text-align: center; width: 100%; border: 1px solid transparent; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; } /* Base background */ .navbox, .navbox-subgroup { background: var(--wiki-content-background-color--tertiary); border-radius: 9px; } .navbox-list { border-color: var(--wiki-content-background-color--tertiary); /* Must match background color */ } /* Level 1 color */ .navbox-title, table.navbox th { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); font-family: 'Gentium Book Plus', sans-serif; font-size: 1.2em; letter-spacing: 0.75px; } /* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--wiki-table-header-background-color); color: var(--wiki-content-text-color); } /* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } /* Even row striping */ .navbox-even { background: var(--wiki-table-background-color--even); color: var(--wiki-content-text-color); } /* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; } .navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; } .navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* Fix for wikitable navs; this works so I'm doing it */ .wikitable-nav { width: auto; display: grid; } .wikitable-nav > tbody { display: inline-table; } /********************* * End navbox styling * **********************/ /* Page history */ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: #000000; background-image: none; border: 1px dashed #505050; padding: 3px; } .skin-vector table.diff, .skin-vector td.diff-otitle, .skin-vector td.diff-ntitle { background-color: rgba(0, 0, 0, 0); } .skin-vector td.diff-addedline, .skin-vector td.diff-deletedline, .skin-vector td.diff-context { border-style: solid; border-width: 1px 1px 1px 4px; } .skin-vector td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; } .skin-vector td.diff-deletedline { background-color: #440000; border-color: #e62444; } .skin-vector td.diff-deletedline .diffchange { color: #e62444; } .skin-vector td.diff-addedline { background-color: #004400; border-color: #bfd959; } .skin-vector td.diff-addedline .diffchange { color: #bfd959; } /* search form */ .skin-vector .mw-search-profile-tabs { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3); margin-top: 1em; } .skin-vector .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .skin-vector .mw-search-profile-tabs div.search-types ul li a { color: #c0c0c0; } .mw-search-result-data { color: #c0c0c0; } .skin-vector fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1); border: 1px solid rgba(65, 79, 106, 0.3) !important; } .skin-vector fieldset#mw-searchoptions div.divider { border-bottom: 1px solid rgba(184, 184, 184, 0.3); } /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; } .ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 1.5em auto; width: 80%; } .ambox-gray { border-left-color: #383838; } .ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; } .ambox + .ambox { margin-top: -2px; } .ambox-text { padding: 0.25em 0.5em; } .ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; } .ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; } /* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; } .ambox-red { border-left: 10px solid #b22222; } .ambox-orange { border-left: 10px solid #f28500; } .ambox-yellow { border-left: 10px solid #f4c430; } .ambox-purple { border-left: 10px solid #9932cc; } .ambox-gray { border-left: 10px solid #bba; } .ambox-green { border-left: 10px solid #228b22; } /* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; } /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(65, 79, 106, 0.3); color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; } .infoboxtable td { vertical-align: top; } .infoboxtable td>div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; } .infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; } .infoboxdetails { padding: 0em; } /* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; } .feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; } /* this CSS governs the responsive 2 column main page layout */ .fpcontent { width: 100%; overflow: hidden; z-index: 1; } .fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; } .fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; } .fpbox { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); color: var(--wiki-content-text-color); margin: 5px; padding: 5px 10px; border: 1px solid; border-radius: 5px; border-image-source: var(--wiki-content-border-image); border-image-slice: 15 16; border-image-width: 15px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; } .fpbox .welcome { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; } .fpbox .heading { border-bottom: rgba(65, 79, 106, 0.3); color: var(--wiki-content-text-color); font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; } .fpbox .heading .smalllink { color: var(--wiki-content-text-color); font-size: 75%; font-weight: bold; } .fpbox hr { border: none; border-bottom: 2px solid rgba(65, 79, 106, 0.3); } .fplinks .linkslabel { background: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(65, 79, 106, 0.3); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; } .fplink { display: inline-block; vertical-align: middle; width: 100%; } /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; } .fplink .box .row { display: table-row; } .fplink .box .row .cell { background: rgba(0, 0, 0, 0); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-text-color); display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; } .fplink.wide .box .row .cell { padding: 0 5px; } #fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image { height: 114px; width: 114px; } .fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; } .fplink.image .box .row .cell .image img { height: 100px; width: 100px; } @media (min-width: 470px) { .fplink { width: 50%; } .fplink.wide { width: 100%; } } @media (min-width: 580px) { .fplink { width: 33.333%; } .fplink.wide { width: 66.666%; } } @media (min-width: 690px) { .fplink { width: 25%; } .fplink.wide { width: 50%; } } @media (min-width: 800px) { .fplink { width: 20%; } .fplink.wide { width: 40%; } } @media (min-width: 910px) { .fplink { width: 16.666%; } .fplink.wide { width: 33.333%; } } @media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; } #fptopsection { float: left; width: 100%; } #fpflexsection { float: right; width: 520px; margin-right: -520px; } #fpbottomsection { float: left; width: 100%; margin-top: -5px; } #fptopsection .fplink, #fpbottomsection .fplink { width: 50%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; } #fpflexsection .fplink { width: 25%; } #fpflexsection .fplink.wide { width: 50%; } } @media (min-width: 1100px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; } } @media (min-width: 1210px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 25%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; } } @media (min-width: 1320px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 20%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; } } @media (min-width: 1430px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; } .fplink a { padding: 3px 5px; } } @media (min-width: 1540px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; } #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; } .fpmaybelcol { float: left; width: 70.886%; } #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; } .fpmaybercol { float: right; width: 29.113%; } #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; } } @media (min-width: 1650px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; } } @media (min-width: 1697px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; } } @media (min-width: 1760px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; } } @media (min-width: 1850px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; } } @media (min-width: 1870px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 10%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; } } @media (min-width: 1918px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; } } @media (min-width: 1980px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; } } @media (min-width: 2006px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; } } @media (min-width: 2090px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; } } @media (min-width: 2161px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; } } @media (min-width: 2200px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; } } @media (min-width: 2296px) { #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; } #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; } } @media (min-width: 2310px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; } } @media (min-width: 2316px) { #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; } #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; } } @media (min-width: 2420px) { #fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; } #fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; } .fplink a { padding: 5px 5px; } #fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; } #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; } #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; } } .fplink.image .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1; } .fplink.image a { z-index: 2; } .fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; } .fplink.image .image a { padding: 0; } .fplink.image .link a { background: rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(65, 79, 106, 0.3); } .fplink.wide a { margin: 0 -5px; } .fpvideos { margin: 0 auto; overflow: hidden; text-align: center; } .fpvideo { display: inline-block; margin: 0 5px; } .oo-ui-menuSelectWidget { z-index: 10; } /* Stupid hack to get the video in the main page to display correctly in smaller windows */ .fpbox .embedvideo { width: unset!important; } /* New style main button */ .dc_button { vertical-align: top; font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 100px; height: 100px; margin: 5px; } .dc_button a { display: block; } .dc_button:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } abc .dc_button:hover .dc_btext { border-top: 2px solid #ad1919; } /**/ .dc_button2 { font-weight: bold; text-align: center; display: inline-block; text-transform: uppercase; border: 2px solid rgba(94, 94, 94, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; min-width: 94px; margin: 5px; } .dc_button2 a { display: block; height: 100%; } .dc_button2:hover { box-shadow: 0px 0px 16px rgba(173, 25, 25, 0.75) inset, 0 0 5px #ad1919; border: 2px solid #ad1919; } .dc_btext a.external { background-image: none; padding-right: 0px; } /*Input title skin*/ .skin-vector .mw-ui-button.mw-ui-progressive:disabled, .skin-vector .mw-ui-button.mw-ui-primary:disabled { background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); border: 2px solid rgba(65, 79, 106, 0.3); border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; color: var(--wiki-content-link-color); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; } .mw-ui-input { background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5); height: 37px; color: var(--wiki-content-link-color); border: 2px solid rgba(65, 79, 106, 0.3); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #512f2a; } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; border: 2px solid #00a3da; background-color: #261310; color: var(--wiki-content-link-color); } .mobile_title { display: none; } /* Images should be responsive */ img.res-img { max-width: 100%; height: auto; } /************************** * Custom page backgrounds * ***************************/ /* Special BGs */ .page-The_Bank { --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */ } /* Gear BG*/ .page-Gear { --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */ } /*Outfits BG */ .page-Outfits { --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */ } /* Stage 1 BG */ .page-Prisoners_Quarters { --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png); } /* Stage 2 BGs */ .page-Promenade_of_the_Condemned { --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */ } .page-Toxic_Sewers { --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */ } .page-Dilapidated_Arboretum { --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */ } /* Stage 2.5 BGs */ .page-Corrupted_Prison { --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */ } .page-Prison_Depths { --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */ } /* Stage 3 BGs */ .page-Ramparts { --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */ } .page-Ancient_Sewers { --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */ } .page-Ossuary { --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */ } .page-Morass_of_the_Banished { --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */ } /* 1st Bosses BGs */ .page-Black_Bridge { --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */ } .page-Insufferable_Crypt { --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */ } .page-Nest { --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */ } /* Stage 4 BGs */ .page-Stilt_Village { --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */ } .page-Graveyard { --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */ } .page-Slumbering_Sanctuary { --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */ } .page-Fractured_Shrines { --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */ } /* Stage 5 BGs */ .page-Forgotten_Sepulcher { --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */ } .page-Undying_Shores { --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */ } /* 2nd Bosses BGs */ .page-Clock_Room { --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */ } .page-Guardian_s_Haven { --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */ } .page-Mausoleum { --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */ } /* Stage 6 BGs */ .page-High_Peak_Castle { --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */ } .page-Derelict_Distillery { --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */ } .page-Lighthouse { --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */ } /* 3rd Bosses BGs */ .page-Throne_Room { --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */ } .page-The_Crown { --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */ } /****************************** * End custom page backgrounds * *******************************/ /* Force all images to have crisp edges when scaled up */ #content img:not(.no-pixel) { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } /* Force all images with the class to definitely render as they normally would have */ #content img.no-pixel { image-rendering: initial; } /* Fix for highlighted references */ ol.references li:target, sup.reference:target { background-color: rgba(150, 100, 100, 0.3); border-radius: 5px; } /****************** * Infobox styling * *******************/ :root { --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --pi-background-image: var(--wiki-content-background); --pi-secondary-background: var(--wiki-accent-color); --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5); --pi-border-image: var(--wiki-content-border-image); --pi-header-background: rgba(6, 9, 19, 0.5); --pi-header-color: #f7eb62; --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%; --pi-data-label-background-color: #181818; --pi-text-color: #e8e8e8; --pi-tab-text-color: #bcbcbc; --pi-tab-text-color--hover: #e8e8e8; --pi-tab-text-color-active: var(--wiki-content-link-color); --pi-tab-text-color-active--hover: var(--wiki-content-link-color); --pi-width: 350px; } .portable-infobox { background: var(--pi-background); background-image: var(--pi-background-image); background-position: bottom right; background-repeat: no-repeat; border: 1px solid transparent; border-image-source: var(--pi-border-image); border-image-slice: 15 16; border-image-width: 15px; border-radius: 5px; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: var(--pi-width); } /* Force the infobox images to scale pixelated */ .portable-infobox { /* Legal fallback */ image-rendering: optimizeSpeed; /* Firefox */ image-rendering: -moz-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Safari */ image-rendering: -webkit-optimize-contrast; /* CSS3 Proposed */ image-rendering: optimize-contrast; /* IE8+ */ -ms-interpolation-mode: nearest-neighbor; /* Chrome */ image-rendering: pixelated; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-header-background) !important; line-height: 36px; color: var(--pi-header-color); font-size: 150%; font-family: 'Gentium Book Plus', sans-serif; padding: 5px !important; text-align: center; font-weight: bold; border: none; border-bottom: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation { text-align: center; font-family: 'Gentium Book Plus', sans-serif; font-weight: bold; background: var(--pi-header-background); padding: 5px; border: none; border-top: 3px solid transparent; border-image: var(--pi-header-border-image); } .portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 14px; color: var(--pi-text-color); hyphens: none; } .portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; } .portable-infobox .pi-data-label { flex-basis: 140px; font-family: Ubuntu, sans-serif; hyphens: none; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; } .pi-section-navigation .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { background: none; color: var(--pi-tab-text-color); border: none; font-family: 'Inknut Antiqua', sans-serif; font-size: 125%; padding: 0.5em 0; margin: 0 4px; } .pi-media-collection-tabs .pi-tab-link.pi-item-spacing { padding: calc(0.5em + 2px) 5px; } .pi-section-navigation .pi-section-tab:hover .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { color: var(--pi-tab-text-color--hover); } .pi-section-tab, .pi-tab-link { cursor: pointer; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing, .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active { background: none; border: none; } .pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current { color: var(--pi-tab-text-color-active); } .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active, .pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover); } .pi-panel-scroll-wrapper .pi-section-tab:hover, .pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover { box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover); transition: -webkit-box-shadow .1s; transition: box-shadow .1s; transition: box-shadow .1s, -webkit-box-shadow .1s; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { white-space: normal; } .pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; } /* Image scaling for items, mutations, and upgrades */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image-thumbnail { min-width: 72px; max-width: calc(var(--pi-width) - 20px); height: auto; } /* Image scaling for enemies and NPCs */ .portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail { min-width: 80px; max-width: var(--pi-width); height: auto; } /* Image scaling for biomes, versions, and DLCs */ .portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { max-width: var(--pi-width); width: 100%; height: auto; } /* Force the images for versions and DLCs to not be pixelated */ .portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail { image-rendering: initial !important; } .portable-infobox .pi-secondary-background { background: none; } .portable-infobox .pi-secondary-background + .pi-secondary-background { border-top: none; } /* Gives data labels unique background */ .portable-infobox .pi-data-label { flex-basis: 115px; background-color: var(--pi-data-label-background-color); border-radius: 5px; padding: 0.5px 7px; text-align: right; font-size: 14px; } /* Undos changes from above for special centered data labels */ .portable-infobox .pi-smart-group-head .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-label { background-color: transparent; border-radius: 0; padding: 2px 5px; text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); } .portable-infobox .pi-item-spacing { padding: 3px 5px; } .portable-infobox .pi-section-navigation { flex-wrap: wrap; justify-content: center; } .pi-section-label { margin: 0 4px; font-size: 11px; } .pi-section-content.pi-section-active { border: none; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; } /* Add scaling background for images in item and upgrade infoboxes */ .portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-image { margin: 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .portable-infobox.pi-theme-brut .pi-image { background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ } .portable-infobox.pi-theme-tact .pi-image { background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ } .portable-infobox.pi-theme-surv .pi-image { background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ } .portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ } .portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ } .portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ } /* Hides the "scaling" field for items and mutations */ .portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], [data-source="scaling_3"], [data-source="scaling_4"]) { display: none; } /* Change infobox background depending on the scaling */ .portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { background-size: 200px; } .portable-infobox.pi-theme-brut { background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ } .portable-infobox.pi-theme-tact { background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ } .portable-infobox.pi-theme-surv { background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ } /********************** * End infobox styling * ***********************/ /* Title of search result pages */ .unified-search__result__title { font-size: 18px; } /* WDS Banner notifications styling */ .wds-banner-notification { color: var(--wiki-content-text-color); background-color: rgba(0, 0, 0, 0.5); border: 1px solid #527fd0; border-radius: 10px; } .wds-banner-notification__text { color: var(--wiki-content-text-color); } .wds-success .wds-banner-notification__icon { border-radius: 8.5px 0 0 8.5px; } /* End of WDS styling */ table { display: table; white-space: inherit; } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: none; } /************** * Preferences * ***************/ :root { --preferences-background-color: var(--wiki-body-background-color); } .page-Special_Preferences .mw-body::before { background: var(--preferences-background-color); backdrop-filter: none; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: var(--wiki-content-background-color--tertiary); border: 1px solid var(--wiki-content-link-color); border-bottom: none; border-radius: 5px 5px 0 0; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--preferences-background-color); border-top: 1px solid var(--wiki-content-link-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { border-left: 1px solid var(--wiki-content-link-color) !important; border-right: 1px solid var(--wiki-content-link-color) !important; border-radius: 0; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: rgba(0, 0, 0, 0); border: none; padding: 3px; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); padding: 3px; } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ /* Copied from Terraria Wiki */ :root { --theme-border-color: var(--wiki-content-border-color); --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); --theme-text-color: var(--wiki-content-text-color); --theme-text-color-note: #bcbcbc; --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); } /** ToC **/ .toc { clear: left; border-radius: 4px; border: 1px solid var(--theme-border-color); background: var(--theme-box-background); margin: 1em auto 1em 0; padding: 0; font-size: 1em; min-width: 12em; box-shadow: 0 0.1em 0.2em #000000; } .toc .toctitle h2 { margin: 0; display: flex; align-items: center; padding: 0 0.5em; border: none; font-family: 'Inknut Antiqua', sans-serif; color: var(--wiki-content-link-color); } .toc .toctitle h2::before { content: ''; display: block; width: 12px; height: 0; border-bottom: 52px solid transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; filter: drop-shadow(0 40px 0 var(--wiki-content-link-color)); margin: -40px 6px 0 0; } .toc .toctitle { position: relative; overflow: hidden; text-align: left; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after { display: none; } .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ''; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-widget-toc-arrow-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-widget-toc-arrow-color--hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } /* Won't change ToC box width when toggle show/hide. */ .toctogglecheckbox:checked~ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl.toc ul ul { margin: 0 0 0 1em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber::after { content: '.'; } .toc .toctext { font-family: 'Gentium Book Plus', sans-serif; font-weight: bolder; } .toc .toctitle, .toc>ul { padding: 0.5em; } .toc>ul { border-top: 1px solid var(--theme-border-color); margin: 0; } .toc>ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc>ul a:hover { text-decoration: none; background: var(--theme-widget-toc-item-hover-background); } .toc h2 { font-weight: normal; } .toc li { margin: 0; } /************************ * End table of contents * *************************/ /************** * Wiki editor * ***************/ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; } .wikiEditor-ui .wikiEditor-ui-view { border:1px solid var(--wiki-content-border-color) } .wikiEditor-ui-tabs div { border-bottom: 1px solid #3B3352; border-right: 1px solid #3B3352; } .wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; } .wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:var(--wiki-content-background-color); } :root .wikiEditor-ui-toolbar .tabs span.tab a::before, :root .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #3B3352; } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #3B3352; } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #3B3352; } .wikiEditor-ui-tabs div a { background: none repeat scroll 0 0 #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #3B3352; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } :root .ace_editor .ace_gutter { background: #232323; color: #E2E2E2; } :root .ace_editor .ace_print-margin { width: 1px; background: #232323; } :root .ace_editor { background-color: #141414; color: #F8F8F8; } :root .ace_editor .ace_cursor { color: #A7A7A7; } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(221, 240, 255, 0.20); } :root .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px #141414; } :root .ace_editor .ace_marker-layer .ace_step { background: rgb(102, 82, 0); } :root .ace_editor .ace_marker-layer .ace_bracket { margin: -1px 0 0 -1px; border: 1px solid rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.031); } :root .ace_editor .ace_gutter-active-line { background-color: rgba(255, 255, 255, 0.031); } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } :root .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } :root .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(221, 240, 255, 0.20); } :root .ace_editor .ace_invisible { color: rgba(255, 255, 255, 0.25); } :root .ace_editor .ace_keyword, :root .ace_editor .ace_meta { color: #CDA869; } :root .ace_editor .ace_constant, :root .ace_editor .ace_constant.ace_character, :root .ace_editor .ace_constant.ace_character.ace_escape, :root .ace_editor .ace_constant.ace_other, :root .ace_editor .ace_heading, :root .ace_editor .ace_markup.ace_heading, :root .ace_editor .ace_support.ace_constant { color: #CF6A4C; } :root .ace_editor .ace_invalid.ace_illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); } :root .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: #D2A8A1; } :root .ace_editor .ace_support { color: #9B859D; } :root .ace_editor .ace_fold { background-color: #AC885B; border-color: #F8F8F8; } :root .ace_editor .ace_support.ace_function { color: #DAD085; } :root .ace_editor .ace_list, :root .ace_editor .ace_markup.ace_list, :root .ace_editor .ace_storage { color: #F9EE98; } :root .ace_editor .ace_entity.ace_name.ace_function, :root .ace_editor .ace_meta.ace_tag, :root .ace_editor .ace_variable { color: #AC885B; } :root .ace_editor .ace_string { color: #8F9D6A; } :root .ace_editor .ace_string.ace_regexp { color: #E9C062; } :root .ace_editor .ace_comment { font-style: italic; color: #5F5A60; } :root .ace_editor .ace_variable { color: #7587A6; } :root .ace_editor .ace_xml-pe { color: #494949; } :root .ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y; } .ace_search { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_search_field { background-color:var(--wiki-content-background-color--secondary); border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-mix-color); } .ace_button { color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_button.checked { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .ace_searchbtn { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); border:1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color:var(--wiki-accent-color--hover); color:var(--wiki-accent-text-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color:var(--wiki-accent-text-color); } .ace_searchbtn_close { color:var(--wiki-content-text-mix-color); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .theme-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } :root .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #a900fe; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6); } .CodeMirror div.CodeMirror-cursors, .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple); } .cm-def { color: var(--codemirror-blue); } .cm-comment { color: var(--codemirror-yellow); } .cm-variable-2 { color: var(--codemirror-light-blue); } .cm-string { color: var(--codemirror-red); } .cm-atom { color: var(--codemirror-pink); } .cm-number { color: var(--codemirror-green); } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .cm-mw-matching { background-color: var(--codemirror-yellow); } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue); } .cm-mw-list { color: var(--codemirror-blue); } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue); } .cm-mw-indenting { color: var(--codemirror-blue); } .cm-mw-mnemonic { color: var(--codemirror-green); } .cm-mw-comment { color: var(--codemirror-gray); } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue); } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red); } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red); } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green); } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color); } .cm-mw-link-tosection { color: var(--codemirror-blue); } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color); } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink); } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /************* * End editor * **************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ #wpUploadFile { background: none; border: none; } input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline:1px solid var(--wiki-content-link-color); } /* category bar and filetoc */ .catlinks, ul#filetoc { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1); border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3); clear: both; margin-top: 1em; padding: 5px; } .catlinks li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); } #filetoc li { border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4); padding: 0 1.5em; } #filetoc li:first-child { border-left: 0; } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background:var(--wiki-content-background-color) !important; border:1px solid var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .ui-widget-content { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border:1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background:var(--wiki-accent-color) !important; border-color:var(--wiki-accent-color) !important; color:var(--wiki-accent-text-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { background:var(--wiki-accent-color--hover) !important; border-color:var(--wiki-accent-color--hover) !important; color:var(--wiki-accent-text-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:var(--wiki-accent-text-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } /**/ .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-text-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-text-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-content-link-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-content-link-color--hover); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } :root .oo-ui-iconElement-icon { filter: invert(100%); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow:none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-content-dynamic-color--inverted); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-indicatorElement-indicator { filter: invert(100); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-top-left-radius: 0; border-top-right-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: transparent; border-color: var(--wiki-content-text-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: transparent; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); } .mw-ui-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } :root .mw-ui-icon-before::before { filter: invert(1); } .oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .theme-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } :root .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err); } .mw-highlight .c { color: var(--pygments-c); } .mw-highlight .k { color: var(--pygments-k); } .mw-highlight .o { color: var(--pygments-o); } .mw-highlight .ch { color: var(--pygments-ch); } .mw-highlight .cm { color: var(--pygments-cm); } .mw-highlight .cp { color: var(--pygments-cp); } .mw-highlight .cpf { color: var(--pygments-cpf); } .mw-highlight .c1 { color: var(--pygments-c1); } .mw-highlight .cs { color: var(--pygments-cs); } .mw-highlight .gd { color: var(--pygments-gd); } .mw-highlight .gr { color: var(--pygments-gr); } .mw-highlight .gh { color: var(--pygments-gh); } .mw-highlight .gi { color: var(--pygments-gi); } .mw-highlight .go { color: var(--pygments-go); } .mw-highlight .gp { color: var(--pygments-gp); } .mw-highlight .gu { color: var(--pygments-gu); } .mw-highlight .gt { color: var(--pygments-gt); } .mw-highlight .kc { color: var(--pygments-kc); } .mw-highlight .kd { color: var(--pygments-kd); } .mw-highlight .kn { color: var(--pygments-kn); } .mw-highlight .kp { color: var(--pygments-kp); } .mw-highlight .kr { color: var(--pygments-kr); } .mw-highlight .kt { color: var(--pygments-kt); } .mw-highlight .m { color: var(--pygments-m); } .mw-highlight .s { color: var(--pygments-s); } .mw-highlight .na { color: var(--pygments-na); } .mw-highlight .nb { color: var(--pygments-nb); } .mw-highlight .nc { color: var(--pygments-nc); } .mw-highlight .no { color: var(--pygments-no); } .mw-highlight .nd { color: var(--pygments-nd); } .mw-highlight .ni { color: var(--pygments-ni); } .mw-highlight .ne { color: var(--pygments-ne); } .mw-highlight .nf { color: var(--pygments-nf); } .mw-highlight .nl { color: var(--pygments-nl); } .mw-highlight .nn { color: var(--pygments-nn); } .mw-highlight .nt { color: var(--pygments-nt); } .mw-highlight .nv { color: var(--pygments-nv); } .mw-highlight .ow { color: var(--pygments-ow); } .mw-highlight .w { color: var(--pygments-w); } .mw-highlight .mb { color: var(--pygments-mb); } .mw-highlight .mf { color: var(--pygments-mf); } .mw-highlight .mh { color: var(--pygments-mh); } .mw-highlight .mi { color: var(--pygments-mi); } .mw-highlight .mo { color: var(--pygments-mo); } .mw-highlight .sa { color: var(--pygments-sa); } .mw-highlight .sb { color: var(--pygments-sb); } .mw-highlight .sc { color: var(--pygments-sc); } .mw-highlight .dl { color: var(--pygments-dl); } .mw-highlight .sd { color: var(--pygments-sd); } .mw-highlight .s2 { color: var(--pygments-s2); } .mw-highlight .se { color: var(--pygments-se); } .mw-highlight .sh { color: var(--pygments-sh); } .mw-highlight .si { color: var(--pygments-si); } .mw-highlight .sx { color: var(--pygments-sx); } .mw-highlight .sr { color: var(--pygments-sr); } .mw-highlight .s1 { color: var(--pygments-s1); } .mw-highlight .ss { color: var(--pygments-ss); } .mw-highlight .bp { color: var(--pygments-bp); } .mw-highlight .fm { color: var(--pygments-fm); } .mw-highlight .vc { color: var(--pygments-vc); } .mw-highlight .vg { color: var(--pygments-vg); } .mw-highlight .vi { color: var(--pygments-vi); } .mw-highlight .vm { color: var(--pygments-vm); } .mw-highlight .il { color: var(--pygments-il); } .mw-highlight, .mw-highlight pre { background: var(--pygments-background); } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2); } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ :root textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } :root textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } /* make math formulas legible on dark theme */ :root .mwe-math-fallback-image-inline, :root .mwe-math-fallback-image-display { filter: invert(1); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } :root #searchButton { filter: invert(1); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color:var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--wiki-content-text-color); } .suggestions-result { color:var(--wiki-content-link-color); } .suggestions-result-current { background-color:var(--wiki-accent-color); color:var(--wiki-accent-text-color); } .suggestions-special .special-label { color:var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color:var(--wiki-content-text-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } /* Invert the help icon on the helplink and add some padding */ #mw-indicator-mw-helplink a { background-image: none; /*padding-top: 1.7em;*/ padding-right: 0.8em; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } :root #mw-indicator-mw-helplink a::before { filter: invert(1); } /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color:var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled, .mw-ui-input:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color); border:2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive, .mw-ui-input:focus { box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color) } .mw-mmv-dialog { background-color:var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color:var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color:var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color:var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{ color:var(--wiki-content-text-color); } /************************* * End Vector theme fixes * **************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { html { --wiki-logo-width: 10rem; --wiki-logo-height: 8rem; --vector-tab-height: 2em; --vector-tab-border-width: 1px; --content-right-margin: 0; --search-height: 2.5em; } :root { --wiki-content-padding: 1rem; } body { grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right]; background-color: var(--wiki-base-background-color); } #mw-head { top: 0; left: 0; width: calc(100% - 2 * var(--vector-tab-margin)); } #p-search { position: absolute; box-sizing: border-box; top: calc(-3.6em - var(--search-height)); left: calc(50% - 6px); right: auto; width: 100%; max-width: 20em; margin: 0; padding: 6px; transform: translateX(-50%); } #simpleSearch { width: 100vw; } .mw-body { top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height)); border-left: none; border-right: none; margin: 0; /*margin-bottom: 5px;*/ /*padding-top: 3.5em;*/ margin-bottom: 4em; } .mw-footer { border-left: none; border-right: none; } #mw-panel { position: static; margin: 0; margin-top: 4em; padding: 0; top: 0; justify-content: space-around; } #mw-panel #p-logo + .portal .vector-menu-heading, #mw-panel .portal .vector-menu-heading { padding: 8px 6px; } #mw-navigation #mw-panel .portal { width: unset; /*text-align: center;*/ } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* reset mw internal css */ #footer-icons { float: none; } #footer #footer-info-copyright { padding-right: 0; padding-bottom: 40px; right: auto; left: 0; } #footer-info-copyright img { right: auto; left: 0; } #wikigg-footer { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-items: center; justify-items: start; padding: 3px 0 3px 10px; } #wikigg-footer .footer-right { grid-column: 2/3; grid-row: 1/2; margin: 0; } #wikigg-footer .footer-middle { grid-column: 1/2; grid-row: 1/3; } #wikigg-footer .footer-left { grid-column: 2/3; grid-row: 2/3; margin: 0; } :root { --pi-width: 100%; } /* Center infoboxes */ .portable-infobox { margin: auto; max-width: 100%; width: calc(var(--pi-width) - 2em); } /* Display changelist legeng in the middle while expanded */ .mw-changeslist-legend { float: none; margin: 0 1em 0.5em; } /* Undo changes from above when collapsed */ .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed { float: right; margin: 0; margin-top: 0.5em; } /* Thumbs crowding text */ div.tright, div.tleft { float: none; display: block; margin: 0 auto 0.5em auto; } div.tright .thumbinner, div.tleft .thumbinner { margin: auto; } } /************************* * End mobile adjustments * **************************/ /******************* * Biomes map thumb * ********************/ .map-thumb { float: right; text-align: center; } .map-thumb > div { height: 200px; width: 270px; overflow: hidden; border: solid 1px var(--wiki-content-border-color); border-radius: 6px; margin: auto; } .map-thumb img { position: relative; left: -138px; top: -30px; } @media screen and (max-width: 720px) { .map-thumb { float: unset; } } /*********************** * End biomes map thumb * ************************/ /************************************* * [[Template:MovelistTable]] styling * **************************************/ .movelist { margin-bottom: 1em; display: grid; width: auto; grid-gap: 0.5em; } .movelist-item { display: grid; grid-template-columns: [description] auto [showcase] auto; grid-template-rows: auto; } .movelist-description { grid-column: 1 / description; grid-row: 1 / 1; } .movelist-showcase { grid-column: 2 / showcase; grid-row: 1 / 1; } .movelist-showcase img { float: right; } @media screen and (max-width: 720px) { .movelist-item { grid-template-columns: auto; grid-template-rows: [description] auto [showcase] auto; } .movelist-description { grid-column: 1 / 1; grid-row: 1 / description; margin-bottom: 1em; } .movelist-showcase { grid-column: 1 / 1; grid-row: 2 / showcase; margin: auto; } .movelist-showcase img { float: none; max-width: 100%; height: auto; } } /***************************************** * End [[Template:MovelistTable]] styling * ******************************************/ /******************** * Game showcase fix * *********************/ div.games-showcase-header { margin: 0 0 1em; padding-top: 1em; } div.games-showcase-header + .content-body #siteNotice { border-top: 1px solid; } div.games-showcase-footer { margin-top: 1em; } /************************ * End game showcase fix * *************************/ /***************** * Max page width * ******************/ @media screen and (min-width: 1440px) { html { --layout-sidespace: minmax(0, 1fr); --layout-content-width: 1234px; } } /********************* * End max page width * **********************/ /*************** * Spoiler text * ****************/ .spoiler-inline { background-color: black; color: black; padding: 0.2em; transition: 0.1s ease; } .spoiler-inline:hover { color: var(--wiki-content-text-color); transition: 0.5s ease-in; } .spoiler-inline a { color: black; transition: 0.1s ease; } .spoiler-inline:hover a { color: var(--wiki-content-link-color); transition: 0.5s ease-in; } /******************* * End spoiler text * ********************/ /******************* * Fix for the table's caption not having consistent wrapping upon toggling * ********************/ table.mw-collapsible.mw-collapsed caption { white-space: nowrap; } /******************* * End collapsible caption fix * ********************/ .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } b77ff74cdca9ce731a7afc2f1bf112720c438b30 8 227 648 517 2025-03-30T17:43:20Z RheingoldRiver 2743 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*Quotes slider*/ .hslider { position: relative; overflow: hidden; } .hslider__wrapper { display: flex; transition: transform 0.6s ease; align-items: center; } .hslider__wrapper > p { margin: 0; } .hslider__item { flex: 0 0 100%; max-width: 100%; } .hslider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); } .hslider__control:hover, .hslider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .hslider__control_left { left: 0; } .hslider__control_right { right: 0; } .hslider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .hslider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .hslider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .hslider__item>div { line-height: 22px; font-size: 14px; text-align: center; } /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; } ul.tabbernav { border-bottom: none; } ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; } ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; } ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ } ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; } ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; } ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; } ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; } ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ } /* messageboxes */ .messagebox { background: rgba(0, 0, 0, 0.4); border: 1px solid var(--wiki-navigation-border-color); border-radius: 3px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; } /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /*********************** * End main page layout * ************************/ e74bf77aa49f2a9c4f8adc8f9ba4232201e3f38c 6 344 649 2025-03-30T18:06:44Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 345 650 2025-03-30T18:06:45Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 346 651 2025-03-30T18:06:46Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 347 652 2025-03-30T18:06:47Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 348 653 2025-03-30T18:06:48Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 349 654 2025-03-30T18:07:44Z MattN 585119 Created page with "{{Enemy_Infobox |title=Skeleton Swordsman<br>(Left Handed) <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleSwordLeft.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The Skeleto..." wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman<br>(Left Handed) <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleSwordLeft.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Swordsman (Left Handed)]] is a variant of the [[Skeleton]] race of enemies within Reave, it is noticeable due to its pinkish purple eyes. == Combat == The [[Skeleton Swordsman (Left Handed)]] attacks with speed and precition. Employing swift strikes with its sword and jumping back to avoid any counter attacks. * Sword Slash * Sword Stab * Jump Dodge Are both methods this skeleton will choose to attack and dodge players. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 6fc1eafddaaa0b54a5b3e14a0efebae55bd6668e 0 350 655 2025-03-30T18:10:08Z MattN 585119 Created page with "{{Enemy_Infobox |title=Skeleton Swordsman <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleArcher.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Archer]] is a vari..." wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleArcher.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Archer]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Archer]] attacks from range with a simple bow and quiver of arrows. It can also throw out a Bolas and root players in place. * Arrow Shot * Bolas Throw Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] cec5528bf96d36027d32cf2deeacfb84907e4520 656 655 2025-03-30T18:10:24Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Archer <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleArcher.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Archer]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Archer]] attacks from range with a simple bow and quiver of arrows. It can also throw out a Bolas and root players in place. * Arrow Shot * Bolas Throw Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 4009f1a783130bd24a565d1d28d38170bba765be 658 656 2025-03-30T18:13:48Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Archer <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleArcher.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Bow & Arrow |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Archer]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Archer]] attacks from range with a simple bow and quiver of arrows. It can also throw out a Bolas and root players in place. * Arrow Shot * Bolas Throw Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] eef53743ab75763fd29146049931876d516ea642 0 351 657 2025-03-30T18:13:25Z MattN 585119 Created page with "{{Enemy_Infobox |title=Skeleton Bruiser <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleBruiser.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Club |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=3 }} The [[Skeleton Bruiser]] is a varia..." wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Bruiser <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleBruiser.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Club |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=3 }} The [[Skeleton Bruiser]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Bruiser]] is a heavy weapon wielding foe that can do immense damage with its club if players are not careful. A number of its attacks are [[Unblockable]] and players must dodge or jump to avoid them. * Swing * Overhead Slam * Multi-Swing Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] d154f9df8b881f41845a4cb51aef9aa8c83c4d6e 0 352 659 2025-03-30T18:16:06Z MattN 585119 Created page with "{{Enemy_Infobox |title=Skeleton Fodder <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleFodder.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Unarmed |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Fodder]] is a varia..." wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Fodder <center> {{Overlaid images | frame_width = 250 | frame_height = 250 | back_filename = SkeleFodder.jpg | back_height = 235 | back_rightshift = 8 | back_downshift = 12 | front_filename = Reave_Wiki_IconBorder.png | front_height = 258 | front_rightshift = 0 | front_downshift = 0 }} |Race=Skeleton |Weapon=Unarmed |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Fodder]] is a variant of the [[Skeleton]] race of enemies within Reave, it is the most plentiful in the dungeons and is smaller and weaker than others of the same race. == Combat == The [[Skeleton Fodder]] attacks with weak but purposeful strikes with its clawed hands. * Side Strike * Double Slash Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 91ec3ce552dd4903e9ec7a533d231d36b41464ba 14 353 660 2025-03-30T18:16:49Z MattN 585119 Created page with "This page displays all enemies in Reave" wikitext text/x-wiki This page displays all enemies in Reave d18c9f092cef2ea45cbeaba02935a81d624231c3 701 660 2025-04-01T18:15:10Z MattN 585119 wikitext text/x-wiki This page displays all enemies in Reave. '''Currently known enemies are:''' [[Skeletons]], [[Spiders]] and [[Bosses]] a2376f77aab87abc9d06c218f26d1f37db43ab66 8 226 661 647 2025-03-30T18:49:06Z RheingoldRiver 2743 test dlw layout css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1200; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 490; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 110px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } :root { --wiki-content-reduced-max-width:1236px; --wiki-sidebar-spacing:max( calc(1em + (var(--wiki-noSidebar-gadget-is-active, 0) * -99vw)), 0px ); /* do not modify, this is used by other gadgets for compatibility */ --wiki-viewportWidth-gadget-is-active: 1; /* this variable should be part of default loadout, but you can uncomment it if needed */ /* --wiki-sidebar-width:10em; */ } /* min-width here should be equal to var(--wiki-content-reduced-max-width) */ @media screen and (min-width: 1236px) { /* content */ .content-wrapper { max-width: var(--wiki-content-reduced-max-width); margin-left: auto; margin-right: auto; } .mw-body, .mw-footer { margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-sidebar-spacing)); box-sizing: border-box; } .mw-footer { position: relative; max-width: calc(var(--wiki-content-reduced-max-width) - var(--wiki-sidebar-width, 10em) - var(--wiki-sidebar-spacing) + var(--wiki-content-left-margin, 0px)); left: calc((var(--wiki-sidebar-width, 10em) + var(--wiki-sidebar-spacing)) / 2); } /* the two rules below are overqualified due to a conflict with default loadout css */ div.mw-body { margin-right:0; } footer.mw-footer { margin-right: auto; margin-left: auto; } /* nav */ #mw-head { max-width:var(--wiki-content-reduced-max-width); left:50%; transform: translateX(-50%); z-index:1; /* to prevent the p-cactions menu from going underneath content elements */ } #left-navigation { margin-left:calc(var(--wiki-sidebar-width, 10em) + var(--wiki-sidebar-spacing)); } .vector-search-box { margin-right:0; } /* sidebar */ #mw-panel { padding-left:0; } .vector-menu-portal { margin:0; } /************************************* * compatibility with topLogo gadget * **************************************/ /* prevents being blocked by #mw-head */ #p-logo { z-index:2; } /* proper centering */ /* has no effect if topLogo is not installed since the logo is normally a block element */ /* --wiki-content-left-margin is from the noSidebar gadget, and defaults to 0 if it's not used */ #mw-navigation div#p-logo { left:calc(((100vw - var(--wiki-content-reduced-max-width)) / 2) + var(--wiki-content-left-margin, 0)); } } bfe047866d847acdc4cda5b420487a8f7c8f67d8 668 661 2025-03-30T18:58:23Z RheingoldRiver 2743 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy { padding-left: var(--wiki-content-border-width, 1px); } .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) var(--wiki-content-border-width, 1px), var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); background-size: var(--wiki-content-border-width, 1px) 100%; } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover { /* don't use the regular hover color because the background of selected could be different */ color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); border: var(--wiki-sidebar-border-width, 1px) solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); border: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); font-family: var(--wiki-heading-font-family); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: var(--content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color:var(--wiki-accent-label-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); /* fallback */ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: transparent !important; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: transparent !important; /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background:var(--wiki-content-text-mix-color-95); /* fallback */ background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color:var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background:var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background:var(--wiki-alert-color); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-success-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px var(--wiki-alert-color); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color:var(--wiki-accent-color); /* fallback */ outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background:var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color:var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: var(--wiki-success-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:var(--wiki-alert-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid var(--wiki-content-background-color--secondary); /* fallback */ border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: var(--wiki-content-background-color--secondary); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color:var(--wiki-content-dynamic-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid var(--wiki-content-dynamic-color); border-right:1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background:var(--wiki-content-background-color); /* fallback */ background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: var(--wiki-accent-color); /* fallback */ background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: var(--wiki-content-background-color--secondary); background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: var(--wiki-success-color); /* fallback */ background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } table.cargoTable th.headerSort::after { background-color:var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(var(--wiki-accent-color), var(--wiki-accent-color)); /* fallback */ background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow:0 1px 1px 0 var(--wiki-content-dynamic-color--secondary--inverted); /* fallback */ box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color:var(--wiki-content-link-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color:var(--wiki-content-link-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color:var(--wiki-content-link-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background:var(--wiki-content-background-color--secondary); /* fallback */ --pygments-background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color:var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb,var(--wiki-accent-color) 5%,transparent); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow:inset 0 -1px 0 var(--wiki-content-border-color); /* fallback */ box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow:0 1px 1px var(--wiki-content-dynamic-color); /* fallback */ box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color:var(--wiki-content-dynamic-color--inverted); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-dynamic-color--inverted); /* fallback */ color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--wiki-content-background-color--secondary); /* fallback */ background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow:0 0 0 1px var(--wiki-content-background-color--secondary); /* fallback */ box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-text-mix-color-95); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: var(--wiki-content-text-mix-color-95); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: var(--wiki-accent-color); /* fallback */ border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color:var(--wiki-content-text-color); /* fallback */ -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: transparent; /* fallback */ background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color:var(--wiki-accent-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color:var(--wiki-success-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color:var(--wiki-warning-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:var(--wiki-alert-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color:var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content{ background-color:var(--wiki-content-background-color); border-bottom-color:var(--wiki-content-border-color); border-right-color:var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color:var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td{ border-bottom-color:var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background:none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center right 5px; width:22px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index:1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color:var(--wiki-content-text-mix-color-95); border-bottom-color:var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color:var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color:var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow:var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: transparent; /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color:var(--wiki-content-text-mix-color); box-shadow:0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color:var(--wiki-content-text-mix-color); box-shadow:-1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow:-1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color:var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color:var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background:none; } .jexcel .jexcel_column_filter::after { display:inline-block; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top 50% right 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width:20px; height:100%; content:''; filter:brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color:var(--wiki-accent-color); /* we need this important to override a built-in one */ color:var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background:linear-gradient(to bottom,var(--wiki-accent-color) 0%,var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border:1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color:var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color:var(--wiki-content-text-color); /* fallback */ color:color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: var(--wiki-content-background-color--secondary); /* fallback */ background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color:var(--wiki-content-border-color); /* fallback */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:var(--wiki-content-text-color); /* fallback */ color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color:var(--wiki-content-text-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px transparent; /* fallback */ box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width:100%; max-width:33.5em; } @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing:0px; } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel a.feedlink { padding-left: 16px; } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover); } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1200; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 490; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 110px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } :root { --wiki-content-reduced-max-width:1236px; --wiki-sidebar-spacing:max( calc(1em + (var(--wiki-noSidebar-gadget-is-active, 0) * -99vw)), 0px ); /* do not modify, this is used by other gadgets for compatibility */ --wiki-viewportWidth-gadget-is-active: 1; /* this variable should be part of default loadout, but you can uncomment it if needed */ /* --wiki-sidebar-width:10em; */ } /* min-width here should be equal to var(--wiki-content-reduced-max-width) */ @media screen and (min-width: 1236px) { /* content */ .content-wrapper { max-width: var(--wiki-content-reduced-max-width); margin-left: auto; margin-right: auto; } .mw-body, .mw-footer { margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-sidebar-spacing)); box-sizing: border-box; } .mw-footer { position: relative; max-width: calc(var(--wiki-content-reduced-max-width) - var(--wiki-sidebar-width, 10em) - var(--wiki-sidebar-spacing) + var(--wiki-content-left-margin, 0px)); left: calc((var(--wiki-sidebar-width, 10em) + var(--wiki-sidebar-spacing)) / 2); } /* the two rules below are overqualified due to a conflict with default loadout css */ div.mw-body { margin-right:0; } footer.mw-footer { margin-right: auto; margin-left: auto; } /* nav */ #mw-head { max-width:var(--wiki-content-reduced-max-width); left:50%; transform: translateX(-50%); z-index:1; /* to prevent the p-cactions menu from going underneath content elements */ } #left-navigation { margin-left:calc(var(--wiki-sidebar-width, 10em) + var(--wiki-sidebar-spacing)); } .vector-search-box { margin-right:0; } /* sidebar */ #mw-panel { padding-left:0; } .vector-menu-portal { margin:0; } /************************************* * compatibility with topLogo gadget * **************************************/ /* prevents being blocked by #mw-head */ #p-logo { z-index:2; } /* proper centering */ /* has no effect if topLogo is not installed since the logo is normally a block element */ /* --wiki-content-left-margin is from the noSidebar gadget, and defaults to 0 if it's not used */ #mw-navigation div#p-logo { left:calc(((100vw - var(--wiki-content-reduced-max-width)) / 2) + var(--wiki-content-left-margin, 0)); } } /* Sidebar heading background color */ #mw-panel > div > h3 { background-color: var(--wiki-sidebar-heading-background-color); } 50fa625d42164c0e4f45149bf9b7f0a3f84f03df 8 227 662 648 2025-03-30T18:49:10Z RheingoldRiver 2743 test dlw layout css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 8ba16ca7b749cb455e39370bc49fee0f59fbd425 663 662 2025-03-30T18:53:02Z RheingoldRiver 2743 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Gentium Book Plus', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 7b0d72302c4280790e59613460e08b4f3eb17805 664 663 2025-03-30T18:53:45Z RheingoldRiver 2743 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ b4796366350763506022be340332e788c8d141ae 665 664 2025-03-30T18:54:59Z RheingoldRiver 2743 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: 'Inknut Antiqua', sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #916F67; --wiki-icon-to-link-filter: invert(46%) sepia(14%) saturate(719%) hue-rotate(324deg) brightness(96%) contrast(87%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 530323b14e00b2b8c738614520ac589cde15a771 666 665 2025-03-30T18:56:41Z RheingoldRiver 2743 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: 'Inknut Antiqua', sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #916F67; --wiki-icon-to-link-filter: invert(46%) sepia(14%) saturate(719%) hue-rotate(324deg) brightness(96%) contrast(87%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-background-color: #2C2C2C; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ d225eb471c13795c790bc7d932f0572faea163ee 667 666 2025-03-30T18:57:44Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: 'Inknut Antiqua', sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #c49140; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #926f6a; --wiki-accent-label-color: #000; --wiki-accent-link-color: #c49140; --wiki-icon-to-link-filter: invert(46%) sepia(14%) saturate(719%) hue-rotate(324deg) brightness(96%) contrast(87%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-background-color: #2C2C2C; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 795be0cb19c07f812cd5a0783c0cf2b924e99e84 678 667 2025-03-30T19:49:47Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: 'Inknut Antiqua', sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #111111; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #c49140; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #926f6a; --wiki-accent-label-color: #000; --wiki-accent-link-color: #c49140; --wiki-icon-to-link-filter: invert(46%) sepia(14%) saturate(719%) hue-rotate(324deg) brightness(96%) contrast(87%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-background-color: #2C2C2C; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 4af4391b7ef4ac97f7805af2c5dd412d22c3c43f 679 678 2025-03-30T19:50:10Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: 'Inknut Antiqua', sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #111111; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #151515; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #c49140; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #926f6a; --wiki-accent-label-color: #000; --wiki-accent-link-color: #c49140; --wiki-icon-to-link-filter: invert(46%) sepia(14%) saturate(719%) hue-rotate(324deg) brightness(96%) contrast(87%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-background-color: #2C2C2C; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ cabbb774607d8fd02443fe872ac9356e6c95243d 685 679 2025-03-31T20:08:49Z MattN 585119 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap'); :root{ /* start font settings */ --wiki-body-font-family: 'Ubuntu', sans-serif; --wiki-heading-font-family: 'Inknut Antiqua', sans-serif; --wiki-sidebar-heading-font-family: 'Inknut Antiqua', sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; --wiki-content-border-width:1px; --wiki-sidebar-border-width:1px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #111111; --wiki-body-background-image: url(/images/e/e2/Reave_BG.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #151515; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #E8E8E8; --wiki-content-link-color: #c49140; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #926f6a; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #c49140; --wiki-icon-to-link-filter: invert(46%) sepia(14%) saturate(719%) hue-rotate(324deg) brightness(96%) contrast(87%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); /* [ DARK VIEW ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-background-color: #2C2C2C; /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color:#cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /* End dark styles */ /************************************** * Shared styles * * You likely don't need to edit these * ***************************************/ :root{ --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); } /******************** * End shared styles * *********************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:var(--pi-secondary-background); /* fallback */ background:color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; gap:10px; } @media screen and (max-width:990px) { /* for mobile screens */ #mp-container{ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile,100%); } .mp-box.mp-hide-on-mobile { display:none; } } @media screen and (min-width:990px) and (max-width:1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet,1fr 1fr); } .mp-box.mp-hide-on-tablet { display:none; } } @media screen and (min-width:1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop,2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display:none; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:var(--wiki-content-background-color--secondary); /* fallback */ background:color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-content-heading-color); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-box-welcome h2{ font-size: 200%; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:var(--wiki-content-dynamic-color--inverted); /* fallback */ background:color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:var(--wiki-content-background-color); /* fallback */ background-color:color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: var(--wiki-content-background-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){ display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: var(--wiki-content-dynamic-color); /* fallback */ background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow:auto; } .spoiler-content > * { pointer-events:none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events:unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 10f0381f827810b2067443bb891093c09c1ce423 0 8 669 645 2025-03-30T19:12:11Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-8"> * {{MP link|image=Reave_Discord.png|size=92px|link=https://discord.gg/Reave}} * {{MP link|image=Reave_BSky.png|size=92px|link=https://bsky.app/profile/reavevr.bsky.social}} * {{MP link|image=Reave_x.png|size=92px|link=ttps://x.com/Reave_VR}} * {{MP link|image=Reave_FB.png|size=92px|link=https://www.facebook.com/ReaveVR}} * {{MP link|image=Reave_Insta.png|size=92px|link=https://www.facebook.com/ReaveVR}} * {{MP link|image=Reave_YT.png|size=92px|link=https://www.youtube.com/@ReaveVR}} * {{MP link|image=Reave_TT.png|size=92px|link=ttps://www.tiktok.com/@ReaveVR}} * {{MP link|image=Reave_Reddit.png|size=92px|link=https://www.reddit.com/r/Reave/}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 9f087a4919bf5a696769f55f98b0d2957dbe1296 687 669 2025-03-31T21:02:03Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-8"> * {{MP link|image=Reave_Discord.png|size=92px|link=https://discord.gg/Reave}} * {{MP link|image=Reave_BSky.png|size=92px|link=https://bsky.app/profile/reavevr.bsky.social}} * {{MP link|image=Reave_x.png|size=92px|link=https://x.com/Reave_VR}} * {{MP link|image=Reave_FB.png|size=92px|link=https://www.facebook.com/ReaveVR}} * {{MP link|image=Reave_Insta.png|size=92px|link=https://www.facebook.com/ReaveVR}} * {{MP link|image=Reave_YT.png|size=92px|link=https://www.youtube.com/@ReaveVR}} * {{MP link|image=Reave_TT.png|size=92px|link=https://www.tiktok.com/@ReaveVR}} * {{MP link|image=Reave_Reddit.png|size=92px|link=https://www.reddit.com/r/Reave/}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> a9d636402d48961016072a8b522554cf1a5f568c 688 687 2025-03-31T21:02:34Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-8"> * {{MP link|image=Reave_Discord.png|size=92px|link=https://discord.gg/Reave}} * {{MP link|image=Reave_BSky.png|size=92px|link=https://bsky.app/profile/reavevr.bsky.social}} * {{MP link|image=Reave_x.png|size=92px|link=https://x.com/Reave_VR}} * {{MP link|image=Reave_FB.png|size=92px|link=https://www.facebook.com/ReaveVR}} * {{MP link|image=Reave_Insta.png|size=92px|link=https://www.instagram.com/reave_vr/}} * {{MP link|image=Reave_YT.png|size=92px|link=https://www.youtube.com/@ReaveVR}} * {{MP link|image=Reave_TT.png|size=92px|link=https://www.tiktok.com/@ReaveVR}} * {{MP link|image=Reave_Reddit.png|size=92px|link=https://www.reddit.com/r/Reave/}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 15638e494f80b48379924ef86b101e70f47e83e2 0 2 670 4 2025-03-30T19:16:15Z MattN 585119 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about external pages contribute contribute pages pages <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 87684a8bf6339483e8774a2778c369c3ebabe5cb 671 670 2025-03-30T19:16:27Z MattN 585119 Reverted edit by [[Special:Contributions/MattN|MattN]] ([[User talk:MattN|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 672 671 2025-03-30T19:18:27Z MattN 585119 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about about external contribute contribute pages <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about external contribute pages <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 8f63cc9aeddcce998ef1d23716b146732c1876bf 674 672 2025-03-30T19:19:31Z RheingoldRiver 2743 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about about external about about pages contribute contribute pages <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about external contribute pages <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> a1c541fa9fba0e236f3161134d77ce43938ec778 0 6 673 599 2025-03-30T19:19:21Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> a659632379626ee4f851cc229f25cc4a93d3020f 675 673 2025-03-30T19:21:20Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="360" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> d24e9e43f14b98ad7b038f205dbe04efbe72ce73 8 256 676 280 2025-03-30T19:33:22Z MattN 585119 css text/css /* Custom DRUID styles should go here */ /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #000; border-bottom: 2px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #000; border-bottom: 2px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #000; border-bottom: 2px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 2px solid #998c2b; } 0adca2e102655ad1e2afa5794a4699e646658a0e 682 676 2025-03-30T20:00:10Z MattN 585119 css text/css /* Custom DRUID styles should go here */ /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; border-bottom: 6px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #FFF; border-bottom: 6px solid #4e7c2e; } /* Rare Tab */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #FFF; border-bottom: 6px solid #1c2f7a; } /* Epic Tab */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #FFF; border-bottom: 6px solid #5e2482; } /* Legendary Tab */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; border-bottom: 6px solid #998c2b; } 768df621ebfe1f673dbb538d608cc354437a4d4a 683 682 2025-03-31T19:50:19Z MattN 585119 css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } 8c2e53e0dd31ef53215894b1b9807f2145638b3f 0 5 677 9 2025-03-30T19:41:43Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-1"> * {{MP link|'''Find out more about Reave'''|image=Site-logo.png|size=92px|link=Reave}} * {{MP link|'''Discover something Random'''|link=Special:Random}} </div> <div class="mp-links columns-2"> * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 9f0ce1b25a3f812113bcd2f518e19ff22e3efd03 680 677 2025-03-30T19:52:39Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-1"> * {{MP link|'''Find out more about Reave'''|image=Site-logo.png|size=92px|link=Reave}} * {{MP link|'''Discover something Random'''|link=Special:Random}} </div> <div class="mp-links columns-2"> * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 0f1d74f697fa16554f2b9f5193070fcff34d7be9 681 680 2025-03-30T19:58:47Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-1"> * {{MP link|'''Find out more about Reave'''|image=Site-logo.png|size=92px|link=Reave}} * {{MP link|'''Discover something Random'''|link=Special:Random}} </div> <div class="mp-links columns-2"> * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Skeleton Bruiser - Enemy Type|link=Skeleton Bruiser|image=SkeleBruiser.jpg|size=92px}} * {{MP link|Echoes - Collection|link=Echoes|image=P2 Echoes Collection.png|size=152px}} * {{MP link|The Social Space|link=Social Space|image=TEMP - Social Space.jpg|size=92px}} * {{MP link|Skull Metal Helmet - Armor|link=Skull_Metal_Helmet|image=SkullHelm.jpg|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> f6b50423197a7685f3c560d8a420412fa816d4ab 6 354 684 2025-03-31T19:58:11Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 311 686 603 2025-03-31T20:28:00Z MattN 585119 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Xiphos.jpg |Motto1= |Damage=Unkown |Armor Penetration=Unkown |Block=Unkown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unkown |Rare_Damage=Unkown |Epic_Damage=Unkown |Legendary_Damage=Unkown |Common_Buy=100 |Uncommon_Buy=Unkown |Rare_Buy=Unkown |Epic_Buy=Unkown |Legendary_Buy=Unkown |Common_Sell=10 |Uncommon_Sell=Unkown |Rare_Sell=Unkown |Epic_Sell=Unkown |Legendary_Sell=Unkown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 6c629528ae090cf00a6644779e45b8b207f9842d 0 355 689 2025-04-01T17:57:18Z MattN 585119 Created page with "[[Skeletons]] were a race of enemies in [[Reave]] when the game was in early development. They were always described as temporary and while we don't know what will replace them yet, their legacy will live on here. [[Skeletons]] are ferce enemies with a number of enemies and stylistically look quite cel shaded or hand drawn upclose, a remnant of another time in the game's development. The" wikitext text/x-wiki [[Skeletons]] were a race of enemies in [[Reave]] when the game was in early development. They were always described as temporary and while we don't know what will replace them yet, their legacy will live on here. [[Skeletons]] are ferce enemies with a number of enemies and stylistically look quite cel shaded or hand drawn upclose, a remnant of another time in the game's development. The 5d1918a6767bc935b7036615490310423546b345 691 689 2025-04-01T17:59:47Z MattN 585119 wikitext text/x-wiki [[Skeletons]] were a race of enemies in [[Reave]] when the game was in early development. They were always described as temporary and while we don't know what will replace them yet, their legacy will live on here. <br> [[Skeletons]] are fierce enemies with a number of enemies and stylistically look quite cel shaded or hand drawn up close, a remnant of another time in the game's development. <br> '''The list of variants that were originally seen in Reave are:''' * [[Skeleton Fodder]] * [[Skeleton Swordsman]] * [[Skeleton Swordsman (Left Handed)]] * [[Skeleton Archer]] * [[Skeleton Bruiser]] Once removed, they will not be returning and have always been seen as a temporary enemy model in the game. 70c9149dc984996d65348f9252372ae741be4a31 692 691 2025-04-01T17:59:56Z MattN 585119 wikitext text/x-wiki [[Skeletons]] were a race of enemies in [[Reave]] when the game was in early development. They were always described as temporary and while we don't know what will replace them yet, their legacy will live on here. <br> [[Skeletons]] are fierce enemies with a number of enemies and stylistically look quite cel shaded or hand drawn up close, a remnant of another time in the game's development. <br> '''The list of variants that were originally seen in Reave are:''' * [[Skeleton Fodder]] * [[Skeleton Swordsman]] * [[Skeleton Swordsman (Left Handed)]] * [[Skeleton Archer]] * [[Skeleton Bruiser]] <br> Once removed, they will not be returning and have always been seen as a temporary enemy model in the game. f94c708cf4d13e88f3855fe92d7308b5237050f0 693 692 2025-04-01T18:00:03Z MattN 585119 wikitext text/x-wiki [[Skeletons]] were a race of enemies in [[Reave]] when the game was in early development. They were always described as temporary and while we don't know what will replace them yet, their legacy will live on here. <br> [[Skeletons]] are fierce enemies with a number of enemies and stylistically look quite cel shaded or hand drawn up close, a remnant of another time in the game's development. <br> '''The list of variants that were originally seen in Reave are:''' * [[Skeleton Fodder]] * [[Skeleton Swordsman]] * [[Skeleton Swordsman (Left Handed)]] * [[Skeleton Archer]] * [[Skeleton Bruiser]] <br> Once removed, they will not be returning and have always been seen as a temporary enemy model in the game. b7f6d2e95b8840f64da34bcf35421ea5f35bda55 0 356 690 2025-04-01T17:57:21Z MattN 585119 Redirected page to [[Skeletons]] wikitext text/x-wiki #REDIRECT [[Skeletons]] 3e053d7ff6e4d622e15569e12033b502f52b90bf 8 357 694 2025-04-01T18:02:32Z MattN 585119 Created page with "* navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *enemies ** skeletons * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar..." wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *enemies ** skeletons * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 50518d2cad6b1d03e8ffca0c1405b4cdcc3dc8b5 695 694 2025-04-01T18:03:14Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *enemies ** skeletons * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 7ee520c7a506579240278fd9679f971493821567 696 695 2025-04-01T18:03:55Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *enemies ** skeletons-url|skeletons * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 8ed51253666d473f313568eb17d80700efbed178 697 696 2025-04-01T18:04:19Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *Creatures of Reave ** Skeletons|Skeletons * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar b1a19c4fcc6107841f3dbda96d232140b89840fb 698 697 2025-04-01T18:05:36Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *Content **Weapons|Weapons **Enemies|Enimes * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 8c2c7ee915e6746996e484df9c63bd3bc8280494 699 698 2025-04-01T18:06:12Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *Content **Weapons|Weapons **Enemies|Category:Enemies * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 2635d9abd98ba87ea8739c9f5175de0aa0e8b00c 700 699 2025-04-01T18:06:23Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *Content **Weapons|Weapons **Category:Enemies|Enemies * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar cbf90cefa70edcf8f7ccf10fca50620e31d3b71d 8 357 702 700 2025-04-01T18:15:43Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *Content **Weapons|Weapons **Armor|Armor **Category:Enemies|Enemies * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 08a45b708586abeea4c8e834d99e32c69b84de01 0 6 703 675 2025-04-01T18:16:43Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="345" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 9f2fba43785b9b77661571fcadb0a6b3773cc3eb 704 703 2025-04-01T18:16:57Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="300" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}}<noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> f4c2b8cdd4a864c314bc6cb845906e32467823ab 705 704 2025-04-01T18:17:28Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="300" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}} <noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> c00f9208e4620a8e5f178d8dd6e27d37782750bf 706 705 2025-04-01T18:17:47Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling creatures and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="300" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}} <noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 4e48cf24b518144d3e42260891885b0670e90e0c 707 706 2025-04-01T18:19:01Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling [[Category:Enemies|creatures]] and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="300" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}} <noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> cc4e54d795d8f96829e61767a518e0d7d0612e4a 708 707 2025-04-01T18:21:30Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling [https://reave.wiki.gg/wiki/Category:Enemies creatures] and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost treasures, and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your weapon, and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="300" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}} <noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> af5282c41d2616c1b8a17758eccfc4217c34de3b 0 311 709 686 2025-04-01T23:47:09Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Xiphos.jpg |Motto1= |Damage=Unknown |Armor Penetration=Unknown |Block=Unknown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Buy=100 |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=10 |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 929c82c9f3aee0a3859eac029e5e986a79ba14eb 0 358 710 2025-04-01T23:58:14Z Siege 584755 Created page with " {{Gear Template |title=Quillon |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=15 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=50 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Bl..." wikitext text/x-wiki {{Gear Template |title=Quillon |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=15 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=50 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100 |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A traditional Quillon - short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. e62811a4a46c1c737bfa0630843d0d13ba986cdc 0 359 711 2025-04-02T00:00:46Z Siege 584755 Created page with " {{Gear Template |title=Long Sword |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=100 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epi..." wikitext text/x-wiki {{Gear Template |title=Long Sword |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=100 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The ultimate in weaponry technology. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. 9cf3ee43514f9f9e671b5fcac8e69e3c1abed5c9 0 360 712 2025-04-02T00:03:37Z Siege 584755 Created page with " {{Gear Template |title=OBS - Heavy Sword |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=26 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown..." wikitext text/x-wiki {{Gear Template |title=OBS - Heavy Sword |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=26 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=1000g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. 611e5d90a3ef226ed13196085590ae2cc52f6f53 0 361 713 2025-04-02T00:05:16Z Siege 584755 Created page with " {{Gear Template |title=Hand Crossbow |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=0 |Uncommon_Block=Unknown |Rare_Block=Unknown |Ep..." wikitext text/x-wiki {{Gear Template |title=Hand Crossbow |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=0 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. 8d962681484bdba20e5e8e96ac3280f4a82c4daa 0 362 714 2025-04-02T00:08:18Z Siege 584755 Created page with " {{Gear Template |title=Shield |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Block=900 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This shield can be p..." wikitext text/x-wiki {{Gear Template |title=Shield |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Block=900 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This shield can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>Shields and [[Weapons]] found during raids will have randomized rarities and stats. 673c6003c607948ad4e93b9c37bc9db8363be135 0 363 715 2025-04-02T00:10:56Z Siege 584755 Created page with " {{Gear Template |title=Torch |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Buy=50g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Weapons|equipment]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>Weapons|..." wikitext text/x-wiki {{Gear Template |title=Torch |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Buy=50g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Weapons|equipment]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons|Equipment]] found during raids will have randomized rarities and stats. 2253e6420f72dc1e7d51a61a2ab95c1abac433f7 0 282 716 609 2025-04-02T00:16:31Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the depths comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Reinforced Coif]] || 250g || || 10 || || || || |- | Example || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | Example || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | Example || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | Example || [[Chain Mail]] || 300g || || 10 || || || || |- | Example || [[Light Chestplate]] || 300g || || 10 || || || || |- | Example || [[Iron Chestplate]] || 500g || || 10 || || || || |- | Example || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |- | Example || [[Metal Bracers]] || 150g || || 10 || || || || |- | Example || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | Example || [[Heavy Skirt]] || 500g || || 10 || || || || |- | Example || [[Heavy Plate Armor Leggings]] || 600g || || 50 || || || || -0.1 |- | Example || [[Reinforced Boots]] || 100g || || 10 || || || || |- | Example || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | Example || [[Heavy Boots]] || 600g || || 20 || || 5 || || |} 36890755cbfd968bb3306db09d07a48279eedbfb 720 716 2025-04-02T00:33:54Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the depths comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Reinforced Coif]] || 250g || || 10 || || || || |- | Example || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | Example || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |- | Example || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | Example || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | Example || [[Chain Mail]] || 300g || || 10 || || || || |- | Example || [[Light Chestplate]] || 300g || || 10 || || || || |- | Example || [[Iron Chestplate]] || 500g || || 10 || || || || |- | Example || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |- | Example || [[Metal Bracers]] || 150g || || 10 || || || || |- | Example || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | Example || [[Heavy Skirt]] || 500g || || 10 || || || || |- | Example || [[Heavy Plate Armor Leggings]] || 600g || || 50 || || || || -0.1 |- | Example || [[Reinforced Boots]] || 100g || || 10 || || || || |- | Example || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | Example || [[Heavy Boots]] || 600g || || 20 || || 5 || || |} 1afe0d2b4a2f6a14901411dddd8b3526f6cd15dc 739 720 2025-04-02T01:20:13Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the depths comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Reinforced Coif]] || 250g || || 10 || || || || |- | Example || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | Example || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | Example || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | Example || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | Example || [[Chain Mail]] || 300g || || 10 || || || || |- | Example || [[Light Chestplate]] || 300g || || 10 || || || || |- | Example || [[Iron Chestplate]] || 500g || || 10 || || || || |- | Example || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Metal Bracers]] || 150g || || 10 || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | Example || [[Heavy Skirt]] || 500g || || 10 || || || || |- | Example || [[Heavy Plate Armor Leggings]] || 600g || || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | Example || [[Reinforced Boots]] || 100g || || 10 || || || || |- | Example || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | Example || [[Heavy Boots]] || 600g || || 20 || || 5 || || |} 2b78e098ec2434737027ec61435308e0ed8256dd 0 364 717 2025-04-02T00:28:31Z Siege 584755 Created page with "{{Gear Template |title=Reinforced Coif |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Co..." wikitext text/x-wiki {{Gear Template |title=Reinforced Coif |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A horned helmet. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. b8213a455dbc87c79c4cab894481386540307658 743 717 2025-04-02T01:34:21Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Reinforced Coif |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A horned helmet. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 1c395e8dba91e31ac10a27432f4d216e792b7c3c 0 365 718 2025-04-02T00:30:23Z Siege 584755 Created page with "{{Gear Template |title=Heavy Coif Chain Mail |image= |Motto1= |Common_Armor=30 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknow..." wikitext text/x-wiki {{Gear Template |title=Heavy Coif Chain Mail |image= |Motto1= |Common_Armor=30 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings fashioned into a coif. This one had been reinforced to provide extra armor at the cost of additional weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. c5e789df8c492ff6afbb9095e80a761e171dac93 744 718 2025-04-02T01:35:06Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Coif Chain Mail |image= |Motto1= |Common_Armor=30 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings fashioned into a coif. This one had been reinforced to provide extra armor at the cost of additional weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 28f3f9febcb2412741ec8dfff0861cfed9f8342f 0 366 719 2025-04-02T00:32:24Z Siege 584755 Created page with "{{Gear Template |title=Light Chainmail Coif |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown..." wikitext text/x-wiki {{Gear Template |title=Light Chainmail Coif |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interlocking iron rings fashioned into a headpiece. This chainmail coif has been built to be lighter weight at the cost of some protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 604f27e73e99fd612e44dc30334973f8dd81cbd6 745 719 2025-04-02T01:36:02Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Light Chainmail Coif |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interlocking iron rings fashioned into a headpiece. This chainmail coif has been built to be lighter weight at the cost of some protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 0eaf83a4ca4d98b1957190bdddc20266fa1b6935 0 367 721 2025-04-02T00:35:30Z Siege 584755 Created page with "{{Gear Template |title=Heavy Barbute Helmet |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown..." wikitext text/x-wiki {{Gear Template |title=Heavy Barbute Helmet |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy sheets of iron with narrow holes hammered out for the wearer's eyes. Heavy and very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. dadeeafa5187689db7f81283d0d3a7c64ecbdaad 746 721 2025-04-02T01:45:40Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Barbute Helmet |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy sheets of iron with narrow holes hammered out for the wearer's eyes. Heavy and very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. a8222972ceb83059a77c13aa252890e39975af5f 0 368 722 2025-04-02T00:40:44Z Siege 584755 Created page with "{{Gear Template |title=Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0.1 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Co..." wikitext text/x-wiki {{Gear Template |title=Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0.1 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leather armor that covers the torso. Only a little bit more cumbersome than cloth, and works decently to protect against minor hits. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 6a8da69585f20bf7ecc735be09bd3e84141fed1b 747 722 2025-04-02T01:46:21Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0.1 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leather armor that covers the torso. Only a little bit more cumbersome than cloth, and works decently to protect against minor hits. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 3b07c3bc10ea7290568ad3f862c77ff1a107d0ce 0 320 723 593 2025-04-02T00:44:25Z Siege 584755 wikitext text/x-wiki Within the quiet of your [[The Tent|tent]], you’ll find more than [[weapons]] and gear — you’ll find identity. Customize your character’s appearance in a growing range of ways. <br><br> Character customization is evolving, with new options and improvements on the horizon. In time, your reflection in the tent’s mirror will become as unique as your path through the dark. <br><br> If you seek to change your [[skills]], those choices await elsewhere in the [[Social Space|social space]] — another step in forging the adventurer you were meant to be. <br><br> Because in Reave… looking good might not save your life — but it just might make your death legendary. f0a9b740ac688b335c9f1a5409a92aa6ef06c3a3 0 369 724 2025-04-02T00:48:10Z Siege 584755 Created page with "{{Gear Template |title=Heavy Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0.1 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknow..." wikitext text/x-wiki {{Gear Template |title=Heavy Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0.1 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leather armor that covers the torso. Only a little bit more cumbersome than cloth, and works decently to protect against minor hits. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 890f8562b2fcf8d7ea057ba992fd22064231d9d7 726 724 2025-04-02T00:53:11Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interwoven treated leather armor that covers the body. It's thick and heavy, but should be fairly protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. d6195c232a9723ffad362b7859aafa266af09d65 748 726 2025-04-02T01:47:02Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interwoven treated leather armor that covers the body. It's thick and heavy, but should be fairly protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 42187a6f55f49af28a4d47eee77e7507dcaf9616 0 370 725 2025-04-02T00:50:31Z Siege 584755 Created page with "{{Gear Template |title=Chain Mail |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_..." wikitext text/x-wiki {{Gear Template |title=Chain Mail |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 244e90b67e583bf0af34fdf468ae50d7b22824e3 749 725 2025-04-02T01:47:45Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Chain Mail |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. e3f0e092b614afaabbb9cde62bbd8aedc2cb601f 0 371 727 2025-04-02T00:56:04Z Siege 584755 Created page with "{{Gear Template |title=Light Chestplate |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=Unknown |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health..." wikitext text/x-wiki {{Gear Template |title=Light Chestplate |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=Unknown |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=350g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A thin iron plate strapped about the torso. Not the most protective piece, but a fair bit better than leather or chainmail. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. ccafab1a76bb94abe591e6ee5793fbe39b56cca9 750 727 2025-04-02T01:48:20Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Light Chestplate |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=350g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A thin iron plate strapped about the torso. Not the most protective piece, but a fair bit better than leather or chainmail. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 3d5f897e9e7895db2f536561793a5d79daaac4f6 0 372 728 2025-04-02T00:57:45Z Siege 584755 Created page with "{{Gear Template |title=Iron Chestplate |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=Unknown |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=..." wikitext text/x-wiki {{Gear Template |title=Iron Chestplate |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=Unknown |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. a09736c3385027bb584d25453f65e6e0c838d852 751 728 2025-04-02T01:48:59Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Iron Chestplate |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 2dace0c5d58e47c008110f6b3ffeb919327a0424 8 256 729 683 2025-04-02T00:57:58Z Westgrass 40 border-image for druid css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* border image */ .druid-container{ position: relative; } .druid-container::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/d/d7/Reave_Wiki_IconBorder_thin.png); border-image-width: 15px; border-image-slice: 60; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; } dce0407c74d5b38bdc0748d9a39db7bdf75f6ae0 730 729 2025-04-02T00:58:20Z Westgrass 40 css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* border image */ .druid-container{ position: relative; border: 0; } .druid-container::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/d/d7/Reave_Wiki_IconBorder_thin.png); border-image-width: 15px; border-image-slice: 60; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; } 86da9135f27671e00dde59cced9d8bd2266dbe83 0 373 731 2025-04-02T01:00:48Z Siege 584755 Created page with "{{Gear Template |title=Heavy Plate Armor |image= |Motto1= |Common_Armor=100 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown..." wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor |image= |Motto1= |Common_Armor=100 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=10g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The heaviest steel armor available. It offers best-in-class protection for anyone capable of managing the extraordinary weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 7695f911461f4b4f2a864cf9b1c4d03ebd6e4cf1 0 374 732 2025-04-02T01:03:43Z Siege 584755 Created page with "{{Gear Template |title=Metal Bracers |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Comm..." wikitext text/x-wiki {{Gear Template |title=Metal Bracers |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=150g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Iron rings worn around the wrists. Coverage is not great, but they are far better than nothing. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 38df54c7e9795610aa104a0257dbd89de0880d69 0 375 733 2025-04-02T01:05:58Z Siege 584755 Created page with "{{Gear Template |title=Heavy Leather Leggings |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unkno..." wikitext text/x-wiki {{Gear Template |title=Heavy Leather Leggings |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Pants made from thick sections of leather. Not the most comfortable, but should provide decent protection in a fight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. f8e4b1ddc5648968a8192553ea529b8f8e7d615e 0 376 734 2025-04-02T01:08:07Z Siege 584755 Created page with "{{Gear Template |title=Heavy Skirt |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common..." wikitext text/x-wiki {{Gear Template |title=Heavy Skirt |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A plate-reinforced leather skirt. A good balance between maneuverability and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 36f5cd0ebf76370efd5a0e259825d2e978340654 0 377 735 2025-04-02T01:09:53Z Siege 584755 Created page with "{{Gear Template |title=Heavy Plate Armor Leggings |image= |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=U..." wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor Leggings |image= |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. f2db6b8adb1259f55b9be69ce0874a19493ad222 0 378 736 2025-04-02T01:11:27Z Siege 584755 Created page with "{{Gear Template |title=Reinforced Boots |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |C..." wikitext text/x-wiki {{Gear Template |title=Reinforced Boots |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 600b38b9c4bcbfcf0b010cd70bc92b6675c47824 0 379 737 2025-04-02T01:13:26Z Siege 584755 Created page with "{{Gear Template |title=Heavy Leather Boots |image= |Motto1= |Common_Armor=5 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown..." wikitext text/x-wiki {{Gear Template |title=Heavy Leather Boots |image= |Motto1= |Common_Armor=5 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.5 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy leather-reinforced boots. A good balance of weight and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. b657756d68a9ad98a16eb872970666b003053769 0 380 738 2025-04-02T01:14:47Z Siege 584755 Created page with "{{Gear Template |title=Heavy Boots |image= |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common..." wikitext text/x-wiki {{Gear Template |title=Heavy Boots |image= |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regeneration=0 |Uncommon_Health Regeneration=Unknown |Rare_Health Regeneration=Unknown |Epic_Health Regeneration=Unknown |Legendary_Health Regeneration=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of plate boots, loud and heavy, but very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 3704209cfbd9addd91cb99e965edc72a5dc03628 0 301 740 637 2025-04-02T01:23:36Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the social grounds, certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | Icon || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | Icon || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | Icon || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | Icon || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | Icon || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> b85d780d7741c4a77d4bf8de5797486865014216 10 308 741 582 2025-04-02T01:32:45Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regeneration; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Icon <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 43ca87e1853e385abb2bb8a4854f9e3d068e2bb4 742 741 2025-04-02T01:33:35Z Siege 584755 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Icon <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 14b57a360ab0e094d3e8097ff516414180bf8808 0 373 752 731 2025-04-02T01:49:36Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor |image= |Motto1= |Common_Armor=100 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=10g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The heaviest steel armor available. It offers best-in-class protection for anyone capable of managing the extraordinary weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. a0bac03876a027a524f9181d0ef055638ecddf5c 0 380 753 738 2025-04-02T01:50:33Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Boots |image= |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of plate boots, loud and heavy, but very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. e47922cdda973cfefbac4f4ebec866eb0b4c0b2f 0 374 754 732 2025-04-02T01:51:05Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Metal Bracers |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=150g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Iron rings worn around the wrists. Coverage is not great, but they are far better than nothing. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 8b5fb7f779a9168d748824fa0c517554726d08a9 0 375 755 733 2025-04-02T01:51:36Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Leggings |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Pants made from thick sections of leather. Not the most comfortable, but should provide decent protection in a fight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. ff3f3d976d1d4efa22fe120fb326f592dad6e4d0 0 376 756 734 2025-04-02T01:52:16Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Skirt |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A plate-reinforced leather skirt. A good balance between maneuverability and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. d7e11aae997cf88d17df6ced99b251db97f2f00b 0 377 757 735 2025-04-02T01:52:57Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor Leggings |image= |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 9e350feaec09406d2eaf3d3e48e8ef49fec158f3 0 378 758 736 2025-04-02T01:53:29Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Reinforced Boots |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. bd701189da700773c0f0af41f2e1b2ecf8e916e8 0 379 759 737 2025-04-02T01:54:07Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Boots |image= |Motto1= |Common_Armor=5 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.5 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy leather-reinforced boots. A good balance of weight and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 7fad5746f9d547e8eef96df670d66c31a01b3730 14 381 760 2025-04-02T02:02:07Z Siege 584755 Created page with "Behold, all changelists in Reave: [[February 2025 Changelist]]<br> [[March 2025 Changelist]]" wikitext text/x-wiki Behold, all changelists in Reave: [[February 2025 Changelist]]<br> [[March 2025 Changelist]] 0c78d3776d1f9fbec5f29b42b7cdb81dbb4da584 0 382 761 2025-04-02T02:11:05Z Siege 584755 Created page with "'''We've recently completed our first playtest.''' <br><br> With each update going forward, we'll be posting a change list to let you know what to look out for. As a starting point though, we thought we'd write up a summary of where the game is currently! <br><br> We've deliberately left some details vague - somewhat to keep things short, ''but also to leave room for discovery!'' <br><br> == Account / Character Features == * Linking Alta account * Creating / swapping cha..." wikitext text/x-wiki '''We've recently completed our first playtest.''' <br><br> With each update going forward, we'll be posting a change list to let you know what to look out for. As a starting point though, we thought we'd write up a summary of where the game is currently! <br><br> We've deliberately left some details vague - somewhat to keep things short, ''but also to leave room for discovery!'' <br><br> == Account / Character Features == * Linking Alta account * Creating / swapping characters <br> == Main Menu + Progression == * Levelling system * Stat point spending system * Skill trees with 2 classes and 4 subclasses * Multiple merchants to buy and sell items with * Some debug quests * Stash to store items between raids * Ability to equip and unequip items between raids <br> == In Raids == * A large handmade dungeon * A variety of creatures * A variety of traps * Creatures increment your "soul" count * You can spend 15 souls at an extract point to extract * Clues in the map point towards a boss * Killing the boss gives lots of souls, and summons an extraction portal <br> == Raid Summary == * Shows whether you died or extracted * Shows a variety of information, including experience gained, quests completed, etc. c511d340d5498e3ae114ebe55072e2ce8dc759e3 763 761 2025-04-02T07:48:54Z MattN 585119 wikitext text/x-wiki '''We've recently completed our first playtest.''' <br><br> With each update going forward, we'll be posting a change list to let you know what to look out for. As a starting point though, we thought we'd write up a summary of where the game is currently! <br><br> We've deliberately left some details vague - somewhat to keep things short, ''but also to leave room for discovery!'' <br><br> == Account / Character Features == * Linking Alta account * Creating / swapping characters <br> == Main Menu + Progression == * Levelling system * Stat point spending system * Skill trees with 2 classes and 4 subclasses * Multiple merchants to buy and sell items with * Some debug quests * Stash to store items between raids * Ability to equip and unequip items between raids <br> == In Raids == * A large handmade dungeon * A variety of creatures * A variety of traps * Creatures increment your "soul" count * You can spend 15 souls at an extract point to extract * Clues in the map point towards a boss * Killing the boss gives lots of souls, and summons an extraction portal <br> == Raid Summary == * Shows whether you died or extracted * Shows a variety of information, including experience gained, quests completed, etc. [[Category:Chagelists]] 7187eb2b799ab5389c96c8d3680fcf3ece1bd25b 766 763 2025-04-02T07:51:11Z MattN 585119 wikitext text/x-wiki '''We've recently completed our first playtest.''' <br><br> With each update going forward, we'll be posting a change list to let you know what to look out for. As a starting point though, we thought we'd write up a summary of where the game is currently! <br><br> We've deliberately left some details vague - somewhat to keep things short, ''but also to leave room for discovery!'' <br><br> == Account / Character Features == * Linking Alta account * Creating / swapping characters <br> == Main Menu + Progression == * Levelling system * Stat point spending system * Skill trees with 2 classes and 4 subclasses * Multiple merchants to buy and sell items with * Some debug quests * Stash to store items between raids * Ability to equip and unequip items between raids <br> == In Raids == * A large handmade dungeon * A variety of creatures * A variety of traps * Creatures increment your "soul" count * You can spend 15 souls at an extract point to extract * Clues in the map point towards a boss * Killing the boss gives lots of souls, and summons an extraction portal <br> == Raid Summary == * Shows whether you died or extracted * Shows a variety of information, including experience gained, quests completed, etc. [[Category:Changelist]] 95c48ae68a2ad4151510065a5156abff001c4f3a 0 383 762 2025-04-02T02:40:54Z Siege 584755 Created page with "'''This release introduces a bunch of improvements and additions to the combat experience.''' <br><br> We've made a number of fixes to various issues with enemies, introduced stamina, dashing, our first status effects, and overhauled the clubman skeleton! ☠️ <br><br> Alongside this, we've put together a temporary environment to help us assess and iterate on combat. This environment might make a return in the future, but it may also be available for only this update..." wikitext text/x-wiki '''This release introduces a bunch of improvements and additions to the combat experience.''' <br><br> We've made a number of fixes to various issues with enemies, introduced stamina, dashing, our first status effects, and overhauled the clubman skeleton! ☠️ <br><br> Alongside this, we've put together a temporary environment to help us assess and iterate on combat. This environment might make a return in the future, but it may also be available for only this update! <br><br> We've also now announced the title of the game and have been rolling out the new name throughout the game. <br><br> Finally, we've got a little teaser for the direction we're taking souls/echoes… <br><br> == Name Reveal! == We're finally ready to announce the official name... REAVE.<br> Check out the [https://youtu.be/cYAhHCzHUL0?si=gT-pn0PQSLxBg5nk name reveal video ⁠announcement]. <br><br> == New Content == * '''Some players are now on Steam!''' ** Full cross-platform multiplayer * '''New "PvE Scenarios" scene''' * We're experimenting with the density of enemies and the size of rooms. Fight your way through a series of rooms. Let us know your thoughts! * '''New status display, showing:''' ** Raid timer ** Echoes count ** Health ** Stamina ** Any status effects (currently, only the newly added "Rooted" status) * '''New Status Effect: Rooted''' ** While this effect is active, the affected character cannot move * '''Dashing''' ** Dash in the direction you're walking by tapping the '''B''' button * '''New stamina system''' ** Various actions (such as dashing and blocking) consume stamina ** You regain stamina over time ** If your stamina ever goes to 0 or less, you become exhausted ** While exhausted: *** Your jump height is reduced *** You cannot dash or block *** Movement speed is reduced * '''Soul Orbs''' ** Souls are now dropped from enemies when killed ** Swing your sword through them, or grab them to collect! * '''Stat + Skill tree pages now available in raid summary screen''' ** These are still available in the main menu (near the training ground), but this should make leveling rewards smoother * '''Enemy attacks with area of effect damage can now break nearby barrels''' <br><br> == Changes == *'''New branding throughout the game''' * '''Reworked club-wielding skeleton''' ** Although much of what you see is still placeholder, we're exploring different timings and abilities in its attacks ** New "slam down" attack that knocks players back * '''New/Improved VFX for:''' ** Candles ** Arrow traps ** Breakable planks ** Torches * '''Balance adjustments:''' ** Various SFX volume tweaks ** Various changes to enemy behavior when following and attacking players ** Bear traps now root players and enemies ** Archer enemy now has a new '''bolas attack''' *** '''Early prototype!''' *** Roots the player for a short duration ** '''Extract timer extended''' to make ignoring enemies in the room less viable *** New VFX + sounds added to make it clear it's doing something! ** '''Chip damage rework:''' *** Blocking attacks no longer causes chip damage to player health *** Instead, players take '''stamina damage''' based on how good their blocking implement is *** A '''shield''' causes less stamina damage than a '''dagger''' * '''Improved icons for some items''' ** My personal favorite: the short sword icon is no longer a picture of the long sword * '''Removed character customization''' ** We'll re-add this once we have time to show it some love! <br><br> == Fixes == * Fixed issue allowing enemies to be effectively "stunned" by repeated attacks * Fixed issue causing enemies to not always notice players * Fixed positioning of shields on hips * Reduced frequency of collision noises ** This fixes a loud spam that was particularly noticeable sometimes from goblets * Various performance optimizations aef58667cc0eaf24a069c5f5816805760f8e7067 765 762 2025-04-02T07:50:04Z MattN 585119 wikitext text/x-wiki '''This release introduces a bunch of improvements and additions to the combat experience.''' <br><br> We've made a number of fixes to various issues with enemies, introduced stamina, dashing, our first status effects, and overhauled the clubman skeleton! ☠️ <br><br> Alongside this, we've put together a temporary environment to help us assess and iterate on combat. This environment might make a return in the future, but it may also be available for only this update! <br><br> We've also now announced the title of the game and have been rolling out the new name throughout the game. <br><br> Finally, we've got a little teaser for the direction we're taking souls/echoes… <br><br> == Name Reveal! == We're finally ready to announce the official name... REAVE.<br> Check out the [https://youtu.be/cYAhHCzHUL0?si=gT-pn0PQSLxBg5nk name reveal video ⁠announcement]. <br><br> == New Content == * '''Some players are now on Steam!''' ** Full cross-platform multiplayer * '''New "PvE Scenarios" scene''' * We're experimenting with the density of enemies and the size of rooms. Fight your way through a series of rooms. Let us know your thoughts! * '''New status display, showing:''' ** Raid timer ** Echoes count ** Health ** Stamina ** Any status effects (currently, only the newly added "Rooted" status) * '''New Status Effect: Rooted''' ** While this effect is active, the affected character cannot move * '''Dashing''' ** Dash in the direction you're walking by tapping the '''B''' button * '''New stamina system''' ** Various actions (such as dashing and blocking) consume stamina ** You regain stamina over time ** If your stamina ever goes to 0 or less, you become exhausted ** While exhausted: *** Your jump height is reduced *** You cannot dash or block *** Movement speed is reduced * '''Soul Orbs''' ** Souls are now dropped from enemies when killed ** Swing your sword through them, or grab them to collect! * '''Stat + Skill tree pages now available in raid summary screen''' ** These are still available in the main menu (near the training ground), but this should make leveling rewards smoother * '''Enemy attacks with area of effect damage can now break nearby barrels''' <br><br> == Changes == *'''New branding throughout the game''' * '''Reworked club-wielding skeleton''' ** Although much of what you see is still placeholder, we're exploring different timings and abilities in its attacks ** New "slam down" attack that knocks players back * '''New/Improved VFX for:''' ** Candles ** Arrow traps ** Breakable planks ** Torches * '''Balance adjustments:''' ** Various SFX volume tweaks ** Various changes to enemy behavior when following and attacking players ** Bear traps now root players and enemies ** Archer enemy now has a new '''bolas attack''' *** '''Early prototype!''' *** Roots the player for a short duration ** '''Extract timer extended''' to make ignoring enemies in the room less viable *** New VFX + sounds added to make it clear it's doing something! ** '''Chip damage rework:''' *** Blocking attacks no longer causes chip damage to player health *** Instead, players take '''stamina damage''' based on how good their blocking implement is *** A '''shield''' causes less stamina damage than a '''dagger''' * '''Improved icons for some items''' ** My personal favorite: the short sword icon is no longer a picture of the long sword * '''Removed character customization''' ** We'll re-add this once we have time to show it some love! <br><br> == Fixes == * Fixed issue allowing enemies to be effectively "stunned" by repeated attacks * Fixed issue causing enemies to not always notice players * Fixed positioning of shields on hips * Reduced frequency of collision noises ** This fixes a loud spam that was particularly noticeable sometimes from goblets * Various performance optimizations [[Category:Chagelists]] 1af9e1968cdd9c7524c7712d1885db5ad4f1da2b 767 765 2025-04-02T07:51:37Z MattN 585119 wikitext text/x-wiki '''This release introduces a bunch of improvements and additions to the combat experience.''' <br><br> We've made a number of fixes to various issues with enemies, introduced stamina, dashing, our first status effects, and overhauled the clubman skeleton! ☠️ <br><br> Alongside this, we've put together a temporary environment to help us assess and iterate on combat. This environment might make a return in the future, but it may also be available for only this update! <br><br> We've also now announced the title of the game and have been rolling out the new name throughout the game. <br><br> Finally, we've got a little teaser for the direction we're taking souls/echoes… <br><br> == Name Reveal! == We're finally ready to announce the official name... REAVE.<br> Check out the [https://youtu.be/cYAhHCzHUL0?si=gT-pn0PQSLxBg5nk name reveal video ⁠announcement]. <br><br> == New Content == * '''Some players are now on Steam!''' ** Full cross-platform multiplayer * '''New "PvE Scenarios" scene''' * We're experimenting with the density of enemies and the size of rooms. Fight your way through a series of rooms. Let us know your thoughts! * '''New status display, showing:''' ** Raid timer ** Echoes count ** Health ** Stamina ** Any status effects (currently, only the newly added "Rooted" status) * '''New Status Effect: Rooted''' ** While this effect is active, the affected character cannot move * '''Dashing''' ** Dash in the direction you're walking by tapping the '''B''' button * '''New stamina system''' ** Various actions (such as dashing and blocking) consume stamina ** You regain stamina over time ** If your stamina ever goes to 0 or less, you become exhausted ** While exhausted: *** Your jump height is reduced *** You cannot dash or block *** Movement speed is reduced * '''Soul Orbs''' ** Souls are now dropped from enemies when killed ** Swing your sword through them, or grab them to collect! * '''Stat + Skill tree pages now available in raid summary screen''' ** These are still available in the main menu (near the training ground), but this should make leveling rewards smoother * '''Enemy attacks with area of effect damage can now break nearby barrels''' <br><br> == Changes == *'''New branding throughout the game''' * '''Reworked club-wielding skeleton''' ** Although much of what you see is still placeholder, we're exploring different timings and abilities in its attacks ** New "slam down" attack that knocks players back * '''New/Improved VFX for:''' ** Candles ** Arrow traps ** Breakable planks ** Torches * '''Balance adjustments:''' ** Various SFX volume tweaks ** Various changes to enemy behavior when following and attacking players ** Bear traps now root players and enemies ** Archer enemy now has a new '''bolas attack''' *** '''Early prototype!''' *** Roots the player for a short duration ** '''Extract timer extended''' to make ignoring enemies in the room less viable *** New VFX + sounds added to make it clear it's doing something! ** '''Chip damage rework:''' *** Blocking attacks no longer causes chip damage to player health *** Instead, players take '''stamina damage''' based on how good their blocking implement is *** A '''shield''' causes less stamina damage than a '''dagger''' * '''Improved icons for some items''' ** My personal favorite: the short sword icon is no longer a picture of the long sword * '''Removed character customization''' ** We'll re-add this once we have time to show it some love! <br><br> == Fixes == * Fixed issue allowing enemies to be effectively "stunned" by repeated attacks * Fixed issue causing enemies to not always notice players * Fixed positioning of shields on hips * Reduced frequency of collision noises ** This fixes a loud spam that was particularly noticeable sometimes from goblets * Various performance optimizations [[Category:Chagelist]] 353945b7a3da4998647b081207640ca458b1e125 768 767 2025-04-02T07:51:48Z MattN 585119 wikitext text/x-wiki '''This release introduces a bunch of improvements and additions to the combat experience.''' <br><br> We've made a number of fixes to various issues with enemies, introduced stamina, dashing, our first status effects, and overhauled the clubman skeleton! ☠️ <br><br> Alongside this, we've put together a temporary environment to help us assess and iterate on combat. This environment might make a return in the future, but it may also be available for only this update! <br><br> We've also now announced the title of the game and have been rolling out the new name throughout the game. <br><br> Finally, we've got a little teaser for the direction we're taking souls/echoes… <br><br> == Name Reveal! == We're finally ready to announce the official name... REAVE.<br> Check out the [https://youtu.be/cYAhHCzHUL0?si=gT-pn0PQSLxBg5nk name reveal video ⁠announcement]. <br><br> == New Content == * '''Some players are now on Steam!''' ** Full cross-platform multiplayer * '''New "PvE Scenarios" scene''' * We're experimenting with the density of enemies and the size of rooms. Fight your way through a series of rooms. Let us know your thoughts! * '''New status display, showing:''' ** Raid timer ** Echoes count ** Health ** Stamina ** Any status effects (currently, only the newly added "Rooted" status) * '''New Status Effect: Rooted''' ** While this effect is active, the affected character cannot move * '''Dashing''' ** Dash in the direction you're walking by tapping the '''B''' button * '''New stamina system''' ** Various actions (such as dashing and blocking) consume stamina ** You regain stamina over time ** If your stamina ever goes to 0 or less, you become exhausted ** While exhausted: *** Your jump height is reduced *** You cannot dash or block *** Movement speed is reduced * '''Soul Orbs''' ** Souls are now dropped from enemies when killed ** Swing your sword through them, or grab them to collect! * '''Stat + Skill tree pages now available in raid summary screen''' ** These are still available in the main menu (near the training ground), but this should make leveling rewards smoother * '''Enemy attacks with area of effect damage can now break nearby barrels''' <br><br> == Changes == *'''New branding throughout the game''' * '''Reworked club-wielding skeleton''' ** Although much of what you see is still placeholder, we're exploring different timings and abilities in its attacks ** New "slam down" attack that knocks players back * '''New/Improved VFX for:''' ** Candles ** Arrow traps ** Breakable planks ** Torches * '''Balance adjustments:''' ** Various SFX volume tweaks ** Various changes to enemy behavior when following and attacking players ** Bear traps now root players and enemies ** Archer enemy now has a new '''bolas attack''' *** '''Early prototype!''' *** Roots the player for a short duration ** '''Extract timer extended''' to make ignoring enemies in the room less viable *** New VFX + sounds added to make it clear it's doing something! ** '''Chip damage rework:''' *** Blocking attacks no longer causes chip damage to player health *** Instead, players take '''stamina damage''' based on how good their blocking implement is *** A '''shield''' causes less stamina damage than a '''dagger''' * '''Improved icons for some items''' ** My personal favorite: the short sword icon is no longer a picture of the long sword * '''Removed character customization''' ** We'll re-add this once we have time to show it some love! <br><br> == Fixes == * Fixed issue allowing enemies to be effectively "stunned" by repeated attacks * Fixed issue causing enemies to not always notice players * Fixed positioning of shields on hips * Reduced frequency of collision noises ** This fixes a loud spam that was particularly noticeable sometimes from goblets * Various performance optimizations [[Category:Changelist]] fabcc6b1cc372bd21d7216b5f330816ad7d8ab04 0 328 769 620 2025-04-02T07:55:49Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman <center> |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Swordsman]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Swordsman]] attacks with lethal strikes with its sword. * Sword Slash * Sword Stab Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. * [[The Study]] * [[Storage Halls]] * [[Rocky Chapel]] * [[The Forge]] * [[The Crypt]] [[Category:Enemies]] 91b702767a9ca27f8e37f17ccaf2e1df9b22bc93 770 769 2025-04-02T07:56:39Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman |image=SkeleSword.jpg |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Swordsman]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Swordsman]] attacks with lethal strikes with its sword. * Sword Slash * Sword Stab Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. * [[The Study]] * [[Storage Halls]] * [[Rocky Chapel]] * [[The Forge]] * [[The Crypt]] [[Category:Enemies]] 57a7858fd2c4f2546ecc10f74b91c8434f86c07c 6 385 771 2025-04-02T12:08:49Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 386 772 2025-04-02T12:08:50Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 387 773 2025-04-02T12:08:51Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 388 774 2025-04-02T12:08:52Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 389 775 2025-04-02T12:08:52Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 390 776 2025-04-02T12:08:53Z MattN 585119 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 8 256 777 730 2025-04-02T12:44:44Z Westgrass 40 fix. css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* border image */ .druid-container{ position: relative; border: 0; } .druid-container::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/d/d7/Reave_Wiki_IconBorder_thin.png); border-image-width: 15px; border-image-slice: 60; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } 44904274b2afb557092698c6d25e121554f520f2 778 777 2025-04-02T12:59:04Z Westgrass 40 css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* border image */ .druid-container{ position: relative; border: 0; } .druid-container::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/d/d7/Reave_Wiki_IconBorder_thin.png); border-image-width: 15px; border-image-slice: 60; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } .druid-container .druid-main-image a.image{ position: relative; display: block; width: fit-content; margin: auto; } .druid-container .druid-main-image a.image::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/6/67/Reave_Wiki_IconBorder.png); border-image-width: 15px; border-image-slice: 120; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } ba46797433eb7abe93ea1ab0a8a5d88750708bd3 779 778 2025-04-02T13:00:37Z Westgrass 40 css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* border image */ .druid-container{ position: relative; border: 0; } .druid-container::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/d/d7/Reave_Wiki_IconBorder_thin.png); border-image-width: 15px; border-image-slice: 60; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } .druid-container .druid-main-image a.image{ position: relative; display: block; width: fit-content; margin: 8px auto; } .druid-container .druid-main-image a.image::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/6/67/Reave_Wiki_IconBorder.png); border-image-width: 15px; border-image-slice: 120; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } 995b0e9ce2bcf2a59f665b14224e8ccf8ca37917 780 779 2025-04-02T13:02:40Z Westgrass 40 css text/css /* Common Tab */ .druid-tab[data-druid-tab-key="Common"] { background: linear-gradient(to bottom, #bdbdbd, #9a9a9a); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #777; } /* Uncommon Tab */ .druid-tab[data-druid-tab-key="Uncommon"] { background: linear-gradient(to bottom, #85c864, #639e3b); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #4e7c2e; } /* Rare Tab - animated glow */ .druid-tab[data-druid-tab-key="Rare"] { background: linear-gradient(to bottom, #405acf, #293fa6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #1c2f7a; box-shadow: 0 0 10px #293fa6; animation: tabGlowRare 3s ease-in-out infinite; } /* Epic Tab - animated glow */ .druid-tab[data-druid-tab-key="Epic"] { background: linear-gradient(to bottom, #9445e3, #7530a6); color: #fff; padding: 2px 0.5em 4px; border-bottom: 2px solid #5e2482; box-shadow: 0 0 12px #7530a6; animation: tabGlowEpic 3s ease-in-out infinite; } /* Legendary Tab - animated glow + flicker particles */ .druid-tab[data-druid-tab-key="Legendary"] { background: linear-gradient(to bottom, #e7d860, #bea735); color: #000; padding: 2px 0.5em 4px; border-bottom: 2px solid #998c2b; position: relative; z-index: 1; animation: tabGlowLegendary 3s ease-in-out infinite; } /* Glowing particle flicker effect for Legendary tab */ .druid-tab[data-druid-tab-key="Legendary"]::after { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: radial-gradient(circle, rgba(255,255,180,0.3) 10%, transparent 70%); pointer-events: none; z-index: -1; animation: legendaryFlicker 8s infinite alternate; border-radius: 5px; filter: blur(6px); } /* Glow Animations (Optional, if you want) */ @keyframes tabGlowRare { 0% { box-shadow: 0 0 5px #293fa6; } 50% { box-shadow: 0 0 15px #293fa6; } 100% { box-shadow: 0 0 5px #293fa6; } } @keyframes tabGlowEpic { 0% { box-shadow: 0 0 5px #7530a6; } 50% { box-shadow: 0 0 15px #7530a6; } 100% { box-shadow: 0 0 5px #7530a6; } } @keyframes tabGlowLegendary { 0% { box-shadow: 0 0 5px #bea735; } 50% { box-shadow: 0 0 15px #bea735; } 100% { box-shadow: 0 0 5px #bea735; } } @keyframes legendaryFlicker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* border image */ .druid-container{ position: relative; border: 0; } .druid-container::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/d/d7/Reave_Wiki_IconBorder_thin.png); border-image-width: 15px; border-image-slice: 60; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } .druid-container .druid-main-image a.image{ position: relative; display: block; width: fit-content; margin: 10px auto 6px; } .druid-container .druid-main-image a.image::before{ display: block; content: ""; width: 100%; height: 100%; border-image-source: url(/images/6/67/Reave_Wiki_IconBorder.png); border-image-width: 15px; border-image-slice: 120; border-image-outset: 4px; border-image-repeat: stretch; position: absolute; pointer-events: none; } db295afb34fdd95b5dfff05835961a389c1d9b83 10 326 781 616 2025-04-02T13:49:53Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 65768a93f97d6dcd66ccc1c3ccd0e67c44aaa766 790 781 2025-04-02T15:27:49Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 52b9d018b60942ac2d01947b5b7132e5eae85d70 791 790 2025-04-02T15:29:00Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 3dbbdd6ee0113ae37218dae03457915c1e5a6045 792 791 2025-04-02T15:29:50Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}150px]]}} |Description |sections=General Info, Stats <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- a6e9d9f66143f6e198babf977aa5b69a40fa0e1a 793 792 2025-04-02T15:30:41Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 33013784b9b10e6ee873dfe62f1ef7f7845e5965 794 793 2025-04-02T15:31:14Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}250px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 69fa4e3c4ba82eb725338db3cc39e7ce9f55934c 799 794 2025-04-02T15:34:29Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}220px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Race, Weapon |Stats=Attack, Health, Echoes Dropped <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- 8f3b725cfbbc383879cb96f63f6e4ded04561e38 0 351 782 657 2025-04-02T13:50:15Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Bruiser <center> |image=SkeleBruiser.jpg |Race=Skeleton |Weapon=Club |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=3 }} The [[Skeleton Bruiser]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Bruiser]] is a heavy weapon wielding foe that can do immense damage with its club if players are not careful. A number of its attacks are [[Unblockable]] and players must dodge or jump to avoid them. * Swing * Overhead Slam * Multi-Swing Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] f58904d3025ccead6ee00c594a55ee3e495417ea 8 234 783 356 2025-04-02T14:22:12Z Westgrass 40 javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( function () { const BUTTON_CLASS = 'mobile-nav-toggle' if (document.querySelector('button.' + BUTTON_CLASS)){return;} // early return to avoid double button if this runs twice let mobileSidebarButton = document.createElement( 'button' ); mobileSidebarButton.className = BUTTON_CLASS; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( 'nav--expanded' ); } ); document.body.classList.add( 'has-vector-mobile-menu' ); document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton ); } ); /*** End mobile navigation toggle button ***/ mw.hook('wikipage.content').add(function($content) { var $bandcamp = $content.find( '.bandcamp:not(.loaded)' ); if ( !$bandcamp.length ) return; $bandcamp.each( function() { var elem = $( this ); var width = elem.attr( 'data-width' ), height = elem.attr( 'data-height' ), data_src = elem.attr( 'data-src' ); if ( !/^https?:\/\/bandcamp\.com\//.test( data_src ) ) return; elem.empty(); var is_px = [ true, true ]; // width, height if ( /%/.test( width ) || !/\d+/.test( width ) ) is_px[ 0 ] = false; if ( /%/.test( height ) ) is_px[ 1 ] = false; var frame_width = parseFloat( width, 10 ) || 100; frame_height = height ? ( parseFloat( height, 10 ) || 'auto' ) : ''; $( '<iframe />', { style: 'border: 0', width: frame_width + ( is_px[ 0 ] ? 'px' : '%' ), height: frame_height + ( frame_height ? ( is_px[ 1 ] ? 'px': '%' ) : '' ), src: data_src }).appendTo( elem ); elem.addClass( 'loaded' ); }); }); a7f8fbe422d4f3c43d33153a6e07ae90247bc22d 8 245 784 269 2025-04-02T14:49:29Z RheingoldRiver 2743 css text/css @media screen and (min-width:721px) { .client-js #mw-panel .portal .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .client-js #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-link-color); transform: rotate(180deg); } .client-js #mw-panel .portal.collapsed .vector-menu-heading::after { transform: rotate(0deg); } .client-js #mw-panel .vector-menu-portal::after { transition:0.5s } .client-js #mw-panel .vector-menu-portal.collapsed::after { border-image-slice:22% 45%; transition:0.5s; } } d79cde14c749f19da72509e64d1973097aa15569 785 784 2025-04-02T14:50:11Z RheingoldRiver 2743 css text/css @media screen and (min-width:721px) { .client-js #mw-panel .vector-menu-portal .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .client-js #mw-panel .vector-menu-portal .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-link-color); transform: rotate(180deg); } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after { transform: rotate(0deg); } .client-js #mw-panel .vector-menu-portal::after { transition:0.5s } .client-js #mw-panel .vector-menu-portal.collapsed::after { border-image-slice:22% 45%; transition:0.5s; } } fcc58f877118c1bd86e6d26c83270653e40f4e24 8 230 786 254 2025-04-02T14:51:15Z RheingoldRiver 2743 wikitext text/x-wiki * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css == Utility gadgets == * mpEditLinks[ResourceLoader|rights=editprotected|default]|mpEditLinks.css|mpEditLinks.js * purge[ResourceLoader|default|type=general|rights=edit|dependencies=mediawiki.util]|purge.js * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js == appearance == * collapsibleSidebarSections[ResourceLoader|default]|collapsibleSidebarSections.js|collapsibleSidebarSections.css<!-- not default, to make it default please add |default after ResourceLoader, follow the examples above --> 31983b091d2f85a4019b62dfb383ec94b02d23fb 787 786 2025-04-02T14:51:21Z RheingoldRiver 2743 wikitext text/x-wiki * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css == Utility gadgets == * mpEditLinks[ResourceLoader|rights=editprotected|default]|mpEditLinks.css|mpEditLinks.js * purge[ResourceLoader|default|type=general|rights=edit|dependencies=mediawiki.util]|purge.js * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js == appearance == * collapsibleSidebarSections[ResourceLoader|default]|collapsibleSidebarSections.js|collapsibleSidebarSections.css 99841187db7843a3d5293e2f4b2859c1c34b2f20 8 235 788 355 2025-04-02T14:51:58Z RheingoldRiver 2743 using dlw version of this javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*! floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ !function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,(function(t){"use strict";var i="horizontal",n="vertical",e={init:function(t,n){var e=this;e.orientationProps=function(t){var n=t===i;return{ORIENTATION:t,SIZE:n?"width":"height",X_SIZE:n?"height":"width",OFFSET_SIZE:n?"offsetWidth":"offsetHeight",OFFSET_X_SIZE:n?"offsetHeight":"offsetWidth",CLIENT_SIZE:n?"clientWidth":"clientHeight",CLIENT_X_SIZE:n?"clientHeight":"clientWidth",INNER_X_SIZE:n?"innerHeight":"innerWidth",SCROLL_SIZE:n?"scrollWidth":"scrollHeight",SCROLL_POS:n?"scrollLeft":"scrollTop",START:n?"left":"top",X_START:n?"top":"left",X_END:n?"bottom":"right"}}(n);var o=t.closest(".fl-scrolls-body");o.length&&(e.scrollBody=o),e.container=t[0],e.visible=!0,e.initWidget(),e.updateAPI(),e.addEventHandlers(),e.skipSyncContainer=e.skipSyncWidget=!1},initWidget:function(){var i=this,n=i.orientationProps,e=n.ORIENTATION,o=n.SIZE,r=n.SCROLL_SIZE,c=i.widget=t('<div class="fl-scrolls" data-orientation="'+e+'"></div>');t("<div></div>").appendTo(c)[o](i.container[r]),c.appendTo(i.container)},addEventHandlers:function(){var i=this;(i.eventHandlers=[{$el:t(window),handlers:{"destroyDetached.fscroll":function(t){"fscroll"===t.namespace&&i.destroyDetachedAPI()}}},{$el:i.scrollBody||t(window),handlers:{scroll:function(){i.updateAPI()},resize:function(){i.updateAPI()}}},{$el:i.widget,handlers:{scroll:function(){i.visible&&!i.skipSyncContainer&&i.syncContainer(),i.skipSyncContainer=!1}}},{$el:t(i.container),handlers:{scroll:function(){i.skipSyncWidget||i.syncWidget(),i.skipSyncWidget=!1},focusin:function(){setTimeout((function(){i.widget&&i.syncWidget()}),0)},"update.fscroll":function(t){"fscroll"===t.namespace&&i.updateAPI()},"destroy.fscroll":function(t){"fscroll"===t.namespace&&i.destroyAPI()}}}]).forEach((function(t){var i=t.$el,n=t.handlers;return i.bind(n)}))},checkVisibility:function(){var t=this,i=t.widget,n=t.container,e=t.scrollBody,o=t.orientationProps,r=o.SCROLL_SIZE,c=o.OFFSET_SIZE,l=o.X_START,s=o.X_END,d=o.INNER_X_SIZE,a=o.CLIENT_X_SIZE,f=i[0][r]<=i[0][c];if(!f){var h=n.getBoundingClientRect(),u=e?e[0].getBoundingClientRect()[s]:window[d]||document.documentElement[a];f=h[s]<=u||h[l]>u}t.visible===f&&(t.visible=!f,i.toggleClass("fl-scrolls-hidden"))},syncContainer:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.widget[0][i];t.container[i]!==n&&(t.skipSyncWidget=!0,t.container[i]=n)},syncWidget:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.container[i];t.widget[0][i]!==n&&(t.skipSyncContainer=!0,t.widget[0][i]=n)},updateAPI:function(){var i=this,n=i.orientationProps,e=n.SIZE,o=n.X_SIZE,r=n.OFFSET_X_SIZE,c=n.CLIENT_SIZE,l=n.CLIENT_X_SIZE,s=n.SCROLL_SIZE,d=n.START,a=i.widget,f=i.container,h=i.scrollBody,u=f[c],S=f[s];a[e](u),h||a.css(d,f.getBoundingClientRect()[d]+"px"),t("div",a)[e](S),S>u&&a[o](a[0][r]-a[0][l]+1),i.syncWidget(),i.checkVisibility()},destroyAPI:function(){var t=this;t.eventHandlers.forEach((function(t){var i=t.$el,n=t.handlers;return i.unbind(n)})),t.widget.remove(),t.eventHandlers=t.widget=t.container=t.scrollBody=null},destroyDetachedAPI:function(){t.contains(document.body,this.container)||this.destroyAPI()}};t.fn.floatingScroll=function(o,r){if(void 0===o&&(o="init"),void 0===r&&(r={}),"init"===o){var c=r.orientation,l=void 0===c?i:c;if(l!==i&&l!==n)throw new Error("Scrollbar orientation should be either “horizontal” or “vertical”");this.each((function(i,n){return Object.create(e).init(t(n),l)}))}else Object.prototype.hasOwnProperty.call(e,o+"API")&&this.trigger(o+".fscroll");return this},t((function(){t("body [data-fl-scrolls]").each((function(i,n){var e=t(n);e.floatingScroll("init",e.data("flScrolls")||{})}))}))})); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /* Style backbutton dev wiki */ window.BackToTopModern = true; /////////////////////////////////////////////////////////////////////////////// /* Slider quotes */ if($('.hslider')[0]){ var multiItemhslider = (function () { return function (selector, config) { var _mainElement = document.querySelector(selector), // основный элемент блока _hsliderWrapper = _mainElement.querySelector('.hslider__wrapper'), // обертка для .hslider-item _hsliderItems = _mainElement.querySelectorAll('.hslider__item'), // элементы (.hslider-item) _hsliderControls = _mainElement.querySelectorAll('.hslider__control'), // элементы управления _hsliderControlLeft = _mainElement.querySelector('.hslider__control_left'), // кнопка "LEFT" _hsliderControlRight = _mainElement.querySelector('.hslider__control_right'), // кнопка "RIGHT" _wrapperWidth = parseFloat(getComputedStyle(_hsliderWrapper).width), // ширина обёртки _itemWidth = parseFloat(getComputedStyle(_hsliderItems[0]).width), // ширина одного элемента _positionLeftItem = 0, // позиция левого активного элемента _transform = 0, // значение транфсофрмации .hslider_wrapper _step = _itemWidth / _wrapperWidth * 100, // величина шага (для трансформации) _items = [], // массив элементов _interval = 0, _config = { isCycling: false, // автоматическая смена слайдов direction: 'right', // направление смены слайдов interval: 5000, // интервал между автоматической сменой слайдов pause: true // устанавливать ли паузу при поднесении курсора к слайдеру }; for (var key in config) { if (key in _config) { _config[key] = config[key]; } } // наполнение массива _items _hsliderItems.forEach(function (item, index) { _items.push({ item: item, position: index, transform: 0 }); }); var position = { getItemMin: function () { var indexItem = 0; _items.forEach(function (item, index) { if (item.position < _items[indexItem].position) { indexItem = index; } }); return indexItem; }, getItemMax: function () { var indexItem = 0; _items.forEach(function (item, index) { if (item.position > _items[indexItem].position) { indexItem = index; } }); return indexItem; }, getMin: function () { return _items[position.getItemMin()].position; }, getMax: function () { return _items[position.getItemMax()].position; } } var _transformItem = function (direction) { var nextItem; if (direction === 'right') { _positionLeftItem++; if ((_positionLeftItem + _wrapperWidth / _itemWidth - 1) > position.getMax()) { nextItem = position.getItemMin(); _items[nextItem].position = position.getMax() + 1; _items[nextItem].transform += _items.length * 100; _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)'; } _transform -= _step; } if (direction === 'left') { _positionLeftItem--; if (_positionLeftItem < position.getMin()) { nextItem = position.getItemMax(); _items[nextItem].position = position.getMin() - 1; _items[nextItem].transform -= _items.length * 100; _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)'; } _transform += _step; } _hsliderWrapper.style.transform = 'translateX(' + _transform + '%)'; } var _cycle = function (direction) { if (!_config.isCycling) { return; } _interval = setInterval(function () { _transformItem(direction); }, _config.interval); } // обработчик события click для кнопок "назад" и "вперед" var _controlClick = function (e) { var direction = this.classList.contains('hslider__control_right') ? 'right' : 'left'; e.preventDefault(); _transformItem(direction); clearInterval(_interval); _cycle(_config.direction); }; var _setUpListeners = function () { // добавление к кнопкам "назад" и "вперед" обрботчика _controlClick для событя click _hsliderControls.forEach(function (item) { item.addEventListener('click', _controlClick); }); if (_config.pause && _config.isCycling) { _mainElement.addEventListener('mouseenter', function () { clearInterval(_interval); }); _mainElement.addEventListener('mouseleave', function () { clearInterval(_interval); _cycle(_config.direction); }); } } // инициализация _setUpListeners(); _cycle(_config.direction); return { right: function () { // метод right _transformItem('right'); }, left: function () { // метод left _transformItem('left'); }, stop: function () { // метод stop _config.isCycling = false; clearInterval(_interval); }, cycle: function () { // метод cycle _config.isCycling = true; clearInterval(_interval); _cycle(); } } } }()); var hslider = multiItemhslider('.hslider', { isCycling: true }) } /////////////////////////////////////////////////////////////////////////////// /* Hide spoiler replacement script */ $(function() { $.when( $('.spoiler').each(function() { $(this).css({'position': 'relative'}); $(this).append( $('<div>').append( $('<div>', { text: ' Spoiler alert!' }).prepend( $('<img>', { 'src': '/images/c/c0/Exclamation.png' }) ).css({'color': '#d1394e', 'font-weight': 'bold', 'font-size': '20px'}), $('<a>', { 'class': 'spoiler-text', href: 'javascript:void(0)', text: 'Tap to reveal' }) ).css({'position': 'absolute', 'inset': '0px', 'background-color': 'black', 'display': 'flex', 'justify-content': 'center', 'flex-flow': 'column wrap', 'align-items': 'center'}) ); }) ).done(function() { $('.spoiler-text').click(function() { $(this).parent().fadeOut("400", function() { $(this).remove(); }); }); }); } ); /////////////////////////////////////////////////////////////////////////////// /* Tooltips configuration */ window.tooltips_config = { offsetX: 7, offsetY: 7, // noCSS: true, } /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /** * Handle wide tables * * Display a horizontal floating scroll bar when the table width exceeds the page width. */ $.when($.ready, mw.loader.using(['mediawiki.util'])).then( function() { var TABLE_WIDE_CLASS = "table-wide"; var TABLE_WIDE_INNER_CLASS = "table-wide-inner"; var handleWideTables = function(tables) { var handler = mw.util.debounce(100, function() { if(!tables){ return; } tables.forEach(function(table) { var $table = $(table); if(!$table.data('container')){ $table.data('container', table.parentNode); } var container = $table.data('container'); if(!container){ return; } var $innerBox = $table.parent(); var $outerBox = $innerBox.parent(); var overwide = table.getBoundingClientRect().width > container.getBoundingClientRect().width; if($outerBox.hasClass(TABLE_WIDE_CLASS)){ if(overwide){ $innerBox.floatingScroll("update"); }else{ $outerBox.before($table).remove(); } }else{ if(overwide) { $('<div/>').addClass(TABLE_WIDE_INNER_CLASS).appendTo( $('<div/>').addClass(TABLE_WIDE_CLASS).insertBefore($table) ).append($table).floatingScroll("init").floatingScroll("update"); } } }); }); handler(); window.addEventListener("resize", handler); }; var isEditorActive = function() { var e = new URLSearchParams(window.location.search); return "edit" === e.get("action") || "submit" === e.get("action") || ("edit" === e.get("veaction") || "submit" === e.get("veaction") || "editsource" === e.get("veaction")); } mw.hook("wikipage.content").add(function() { if (!isEditorActive()) { var el = document.querySelector("#bodyContent"); if (el) { handleWideTables(el.querySelectorAll("table")); } } }); }); /////////////////////////////////////////////////////////////////////////////// /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /** * content width toggle */ $(function(){ $body = $('body'); $('<div>', { id: 'nav-content-size-toggle' } ).append( $('<span>') ).prependTo($('#mw-head')) .on('click', function(){ $body.toggleClass('content-size-expanded'); }); }); 29b70c5ec08f66f70272ba092f9ac09a0a5dcf96 789 788 2025-04-02T14:52:44Z RheingoldRiver 2743 use built-in spoilers instead javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*! floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ !function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,(function(t){"use strict";var i="horizontal",n="vertical",e={init:function(t,n){var e=this;e.orientationProps=function(t){var n=t===i;return{ORIENTATION:t,SIZE:n?"width":"height",X_SIZE:n?"height":"width",OFFSET_SIZE:n?"offsetWidth":"offsetHeight",OFFSET_X_SIZE:n?"offsetHeight":"offsetWidth",CLIENT_SIZE:n?"clientWidth":"clientHeight",CLIENT_X_SIZE:n?"clientHeight":"clientWidth",INNER_X_SIZE:n?"innerHeight":"innerWidth",SCROLL_SIZE:n?"scrollWidth":"scrollHeight",SCROLL_POS:n?"scrollLeft":"scrollTop",START:n?"left":"top",X_START:n?"top":"left",X_END:n?"bottom":"right"}}(n);var o=t.closest(".fl-scrolls-body");o.length&&(e.scrollBody=o),e.container=t[0],e.visible=!0,e.initWidget(),e.updateAPI(),e.addEventHandlers(),e.skipSyncContainer=e.skipSyncWidget=!1},initWidget:function(){var i=this,n=i.orientationProps,e=n.ORIENTATION,o=n.SIZE,r=n.SCROLL_SIZE,c=i.widget=t('<div class="fl-scrolls" data-orientation="'+e+'"></div>');t("<div></div>").appendTo(c)[o](i.container[r]),c.appendTo(i.container)},addEventHandlers:function(){var i=this;(i.eventHandlers=[{$el:t(window),handlers:{"destroyDetached.fscroll":function(t){"fscroll"===t.namespace&&i.destroyDetachedAPI()}}},{$el:i.scrollBody||t(window),handlers:{scroll:function(){i.updateAPI()},resize:function(){i.updateAPI()}}},{$el:i.widget,handlers:{scroll:function(){i.visible&&!i.skipSyncContainer&&i.syncContainer(),i.skipSyncContainer=!1}}},{$el:t(i.container),handlers:{scroll:function(){i.skipSyncWidget||i.syncWidget(),i.skipSyncWidget=!1},focusin:function(){setTimeout((function(){i.widget&&i.syncWidget()}),0)},"update.fscroll":function(t){"fscroll"===t.namespace&&i.updateAPI()},"destroy.fscroll":function(t){"fscroll"===t.namespace&&i.destroyAPI()}}}]).forEach((function(t){var i=t.$el,n=t.handlers;return i.bind(n)}))},checkVisibility:function(){var t=this,i=t.widget,n=t.container,e=t.scrollBody,o=t.orientationProps,r=o.SCROLL_SIZE,c=o.OFFSET_SIZE,l=o.X_START,s=o.X_END,d=o.INNER_X_SIZE,a=o.CLIENT_X_SIZE,f=i[0][r]<=i[0][c];if(!f){var h=n.getBoundingClientRect(),u=e?e[0].getBoundingClientRect()[s]:window[d]||document.documentElement[a];f=h[s]<=u||h[l]>u}t.visible===f&&(t.visible=!f,i.toggleClass("fl-scrolls-hidden"))},syncContainer:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.widget[0][i];t.container[i]!==n&&(t.skipSyncWidget=!0,t.container[i]=n)},syncWidget:function(){var t=this,i=t.orientationProps.SCROLL_POS,n=t.container[i];t.widget[0][i]!==n&&(t.skipSyncContainer=!0,t.widget[0][i]=n)},updateAPI:function(){var i=this,n=i.orientationProps,e=n.SIZE,o=n.X_SIZE,r=n.OFFSET_X_SIZE,c=n.CLIENT_SIZE,l=n.CLIENT_X_SIZE,s=n.SCROLL_SIZE,d=n.START,a=i.widget,f=i.container,h=i.scrollBody,u=f[c],S=f[s];a[e](u),h||a.css(d,f.getBoundingClientRect()[d]+"px"),t("div",a)[e](S),S>u&&a[o](a[0][r]-a[0][l]+1),i.syncWidget(),i.checkVisibility()},destroyAPI:function(){var t=this;t.eventHandlers.forEach((function(t){var i=t.$el,n=t.handlers;return i.unbind(n)})),t.widget.remove(),t.eventHandlers=t.widget=t.container=t.scrollBody=null},destroyDetachedAPI:function(){t.contains(document.body,this.container)||this.destroyAPI()}};t.fn.floatingScroll=function(o,r){if(void 0===o&&(o="init"),void 0===r&&(r={}),"init"===o){var c=r.orientation,l=void 0===c?i:c;if(l!==i&&l!==n)throw new Error("Scrollbar orientation should be either “horizontal” or “vertical”");this.each((function(i,n){return Object.create(e).init(t(n),l)}))}else Object.prototype.hasOwnProperty.call(e,o+"API")&&this.trigger(o+".fscroll");return this},t((function(){t("body [data-fl-scrolls]").each((function(i,n){var e=t(n);e.floatingScroll("init",e.data("flScrolls")||{})}))}))})); /////////////////////////////////////////////////////////////////////////////////////////////////////////////// /* Style backbutton dev wiki */ window.BackToTopModern = true; /////////////////////////////////////////////////////////////////////////////// /* Slider quotes */ if($('.hslider')[0]){ var multiItemhslider = (function () { return function (selector, config) { var _mainElement = document.querySelector(selector), // основный элемент блока _hsliderWrapper = _mainElement.querySelector('.hslider__wrapper'), // обертка для .hslider-item _hsliderItems = _mainElement.querySelectorAll('.hslider__item'), // элементы (.hslider-item) _hsliderControls = _mainElement.querySelectorAll('.hslider__control'), // элементы управления _hsliderControlLeft = _mainElement.querySelector('.hslider__control_left'), // кнопка "LEFT" _hsliderControlRight = _mainElement.querySelector('.hslider__control_right'), // кнопка "RIGHT" _wrapperWidth = parseFloat(getComputedStyle(_hsliderWrapper).width), // ширина обёртки _itemWidth = parseFloat(getComputedStyle(_hsliderItems[0]).width), // ширина одного элемента _positionLeftItem = 0, // позиция левого активного элемента _transform = 0, // значение транфсофрмации .hslider_wrapper _step = _itemWidth / _wrapperWidth * 100, // величина шага (для трансформации) _items = [], // массив элементов _interval = 0, _config = { isCycling: false, // автоматическая смена слайдов direction: 'right', // направление смены слайдов interval: 5000, // интервал между автоматической сменой слайдов pause: true // устанавливать ли паузу при поднесении курсора к слайдеру }; for (var key in config) { if (key in _config) { _config[key] = config[key]; } } // наполнение массива _items _hsliderItems.forEach(function (item, index) { _items.push({ item: item, position: index, transform: 0 }); }); var position = { getItemMin: function () { var indexItem = 0; _items.forEach(function (item, index) { if (item.position < _items[indexItem].position) { indexItem = index; } }); return indexItem; }, getItemMax: function () { var indexItem = 0; _items.forEach(function (item, index) { if (item.position > _items[indexItem].position) { indexItem = index; } }); return indexItem; }, getMin: function () { return _items[position.getItemMin()].position; }, getMax: function () { return _items[position.getItemMax()].position; } } var _transformItem = function (direction) { var nextItem; if (direction === 'right') { _positionLeftItem++; if ((_positionLeftItem + _wrapperWidth / _itemWidth - 1) > position.getMax()) { nextItem = position.getItemMin(); _items[nextItem].position = position.getMax() + 1; _items[nextItem].transform += _items.length * 100; _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)'; } _transform -= _step; } if (direction === 'left') { _positionLeftItem--; if (_positionLeftItem < position.getMin()) { nextItem = position.getItemMax(); _items[nextItem].position = position.getMin() - 1; _items[nextItem].transform -= _items.length * 100; _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)'; } _transform += _step; } _hsliderWrapper.style.transform = 'translateX(' + _transform + '%)'; } var _cycle = function (direction) { if (!_config.isCycling) { return; } _interval = setInterval(function () { _transformItem(direction); }, _config.interval); } // обработчик события click для кнопок "назад" и "вперед" var _controlClick = function (e) { var direction = this.classList.contains('hslider__control_right') ? 'right' : 'left'; e.preventDefault(); _transformItem(direction); clearInterval(_interval); _cycle(_config.direction); }; var _setUpListeners = function () { // добавление к кнопкам "назад" и "вперед" обрботчика _controlClick для событя click _hsliderControls.forEach(function (item) { item.addEventListener('click', _controlClick); }); if (_config.pause && _config.isCycling) { _mainElement.addEventListener('mouseenter', function () { clearInterval(_interval); }); _mainElement.addEventListener('mouseleave', function () { clearInterval(_interval); _cycle(_config.direction); }); } } // инициализация _setUpListeners(); _cycle(_config.direction); return { right: function () { // метод right _transformItem('right'); }, left: function () { // метод left _transformItem('left'); }, stop: function () { // метод stop _config.isCycling = false; clearInterval(_interval); }, cycle: function () { // метод cycle _config.isCycling = true; clearInterval(_interval); _cycle(); } } } }()); var hslider = multiItemhslider('.hslider', { isCycling: true }) } /////////////////////////////////////////////////////////////////////////////// /* Tooltips configuration */ window.tooltips_config = { offsetX: 7, offsetY: 7, // noCSS: true, } /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /** * Handle wide tables * * Display a horizontal floating scroll bar when the table width exceeds the page width. */ $.when($.ready, mw.loader.using(['mediawiki.util'])).then( function() { var TABLE_WIDE_CLASS = "table-wide"; var TABLE_WIDE_INNER_CLASS = "table-wide-inner"; var handleWideTables = function(tables) { var handler = mw.util.debounce(100, function() { if(!tables){ return; } tables.forEach(function(table) { var $table = $(table); if(!$table.data('container')){ $table.data('container', table.parentNode); } var container = $table.data('container'); if(!container){ return; } var $innerBox = $table.parent(); var $outerBox = $innerBox.parent(); var overwide = table.getBoundingClientRect().width > container.getBoundingClientRect().width; if($outerBox.hasClass(TABLE_WIDE_CLASS)){ if(overwide){ $innerBox.floatingScroll("update"); }else{ $outerBox.before($table).remove(); } }else{ if(overwide) { $('<div/>').addClass(TABLE_WIDE_INNER_CLASS).appendTo( $('<div/>').addClass(TABLE_WIDE_CLASS).insertBefore($table) ).append($table).floatingScroll("init").floatingScroll("update"); } } }); }); handler(); window.addEventListener("resize", handler); }; var isEditorActive = function() { var e = new URLSearchParams(window.location.search); return "edit" === e.get("action") || "submit" === e.get("action") || ("edit" === e.get("veaction") || "submit" === e.get("veaction") || "editsource" === e.get("veaction")); } mw.hook("wikipage.content").add(function() { if (!isEditorActive()) { var el = document.querySelector("#bodyContent"); if (el) { handleWideTables(el.querySelectorAll("table")); } } }); }); /////////////////////////////////////////////////////////////////////////////// /* Copied from https://terraria.wiki.gg/wiki/MediaWiki:Common.js */ /** * content width toggle */ $(function(){ $body = $('body'); $('<div>', { id: 'nav-content-size-toggle' } ).append( $('<span>') ).prependTo($('#mw-head')) .on('click', function(){ $body.toggleClass('content-size-expanded'); }); }); 3c8708ae02d26955525f5e56a93ba11aab0202c3 0 352 795 659 2025-04-02T15:32:20Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Fodder <center> |images=SkeleFodder.jpg |Race=Skeleton |Weapon=Unarmed |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Fodder]] is a variant of the [[Skeleton]] race of enemies within Reave, it is the most plentiful in the dungeons and is smaller and weaker than others of the same race. == Combat == The [[Skeleton Fodder]] attacks with weak but purposeful strikes with its clawed hands. * Side Strike * Double Slash Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 8d4099a738c262da4681de955a4fb85bf00fe483 796 795 2025-04-02T15:32:56Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Fodder <center> |image=SkeleFodder.jpg |Race=Skeleton |Weapon=Unarmed |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Fodder]] is a variant of the [[Skeleton]] race of enemies within Reave, it is the most plentiful in the dungeons and is smaller and weaker than others of the same race. == Combat == The [[Skeleton Fodder]] attacks with weak but purposeful strikes with its clawed hands. * Side Strike * Double Slash Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] d208d82bf9efb1980eaba070a4e914bc351a234b 0 349 797 654 2025-04-02T15:33:10Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman<br>(Left Handed) <center> |image=SkeleSwordLeft.jpg |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Swordsman (Left Handed)]] is a variant of the [[Skeleton]] race of enemies within Reave, it is noticeable due to its pinkish purple eyes. == Combat == The [[Skeleton Swordsman (Left Handed)]] attacks with speed and precition. Employing swift strikes with its sword and jumping back to avoid any counter attacks. * Sword Slash * Sword Stab * Jump Dodge Are both methods this skeleton will choose to attack and dodge players. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] f59bbbb53750d60c696d79cb33cc6c4ef7ff5eaa 0 350 798 658 2025-04-02T15:33:19Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Archer <center> |image=SkeleSwordLeft.jpg |Race=Skeleton |Weapon=Bow & Arrow |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Archer]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Archer]] attacks from range with a simple bow and quiver of arrows. It can also throw out a Bolas and root players in place. * Arrow Shot * Bolas Throw Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 19ee56c9f965f46f2c3227e256dd7a93068de0d2 10 308 800 742 2025-04-02T15:34:36Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}220px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Icon <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 697078113daaadad2b9d0669486d9422c0c8a86e 801 800 2025-04-02T15:35:12Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}320px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Icon <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 9d2233a235a132a7066327c69e18563bde16da07 802 801 2025-04-02T15:35:31Z MattN 585119 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=example-1 |sep=; |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}220px]]}} |Description |Stats=Damage; Armor Penetration; Block; Armor; Health Regen; Max Health; Resistance; Movement Speed; Buy; Sell |sections= MottoSection2; MottoSection1; Stats |MottoSection1=Motto1 <!-- add one field to the MottoSection section --> |MottoSection1_label=Description <!-- change the MottoSection1 label to display `Motto1` instead of `MottoSection1` --> |Motto1_nolabel=Yes <!-- remove the label from the `Motto1` field / make it wide --> |MottoSection2=Motto2 <!-- add one field to the MottoSection section --> |MottoSection2_label=Icon <!-- change the MottoSection2 label to display `Motto2` instead of `MottoSection2` --> |Motto2_nolabel=Yes <!-- remove the label from the `Motto2` field / make it wide --> |tabs= Common; Uncommon; Rare; Epic; Legendary }}</includeonly><noinclude>{{Template:Armor Template/doc}}</noinclude> 697078113daaadad2b9d0669486d9422c0c8a86e 0 350 803 798 2025-04-02T16:03:55Z MattN 585119 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Archer <center> |image=SkeleArcher.jpg |Race=Skeleton |Weapon=Bow & Arrow |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=1 }} The [[Skeleton Archer]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Archer]] attacks from range with a simple bow and quiver of arrows. It can also throw out a Bolas and root players in place. * Arrow Shot * Bolas Throw Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 823cc29499d5d6feab981f2cc4305f71aee9e13c 6 391 804 2025-04-02T23:51:44Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 392 805 2025-04-02T23:51:45Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 393 806 2025-04-02T23:51:46Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 394 807 2025-04-02T23:51:46Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 395 808 2025-04-02T23:51:47Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 396 809 2025-04-02T23:51:48Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 397 810 2025-04-02T23:51:49Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 398 811 2025-04-02T23:51:50Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 399 812 2025-04-02T23:51:50Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 400 813 2025-04-02T23:51:51Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 401 814 2025-04-02T23:51:52Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 402 815 2025-04-02T23:51:53Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 403 816 2025-04-02T23:51:54Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 404 817 2025-04-02T23:51:54Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 405 818 2025-04-02T23:51:55Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 406 819 2025-04-02T23:51:56Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 407 820 2025-04-02T23:51:57Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 408 821 2025-04-02T23:51:57Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 409 822 2025-04-02T23:51:58Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 410 823 2025-04-02T23:51:59Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 411 824 2025-04-02T23:51:59Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 412 825 2025-04-02T23:52:01Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 413 826 2025-04-02T23:52:01Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 414 827 2025-04-02T23:52:02Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 301 828 740 2025-04-02T23:56:42Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the social grounds, certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Long_Sword.jpg|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:OBS_Heavy_Sword.jpg|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:Shield.jpg|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Torch.jpg|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 51cefab48f143362bda8cd67d34fb26e97c6b41a 835 828 2025-04-04T01:17:15Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Long_Sword.jpg|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:OBS_Heavy_Sword.jpg|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:Arrows.jpg|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:Shield.jpg|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Torch.jpg|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> e94b243d8f8ca09b4129d998aeab9de2e73c442b 0 282 829 739 2025-04-03T00:05:48Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the depths comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || || 20 || || 5 || || |} bbc41aa3c53651e58d44bedf1473700fa8f96d85 830 829 2025-04-04T00:48:07Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select NPCs in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || || 20 || || 5 || || |} 9e5e4168dbe6bbc4964d158c3f347f93365ac84b 848 830 2025-04-04T12:56:49Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select vendors in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the [[The Fallen Bastion|Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || || 20 || || 5 || || |} 1626a8f98c31e335d751a930d20e48b06f47a73d 6 415 831 2025-04-04T00:51:23Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 416 832 2025-04-04T00:51:24Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 417 833 2025-04-04T00:51:25Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 418 834 2025-04-04T01:11:09Z Siege 584755 Created page with "Brave the depths of [[The Fallen Bastion|the Fallen Bastion]] in search of valuable treasure — but only if you can make it out alive.<br><br> Sell your spoils to vendors in the [[Social Space|social space]], upgrade your gear, and prepare for the next descent. But beware… fortune means nothing if you don’t survive to claim it. <br><br> [[File:Gems.jpg|thumb|center]] <br> {| class="wikitable sortable" ! Image !! Name !! Value || Description |- | File:Ruby.png|150p..." wikitext text/x-wiki Brave the depths of [[The Fallen Bastion|the Fallen Bastion]] in search of valuable treasure — but only if you can make it out alive.<br><br> Sell your spoils to vendors in the [[Social Space|social space]], upgrade your gear, and prepare for the next descent. But beware… fortune means nothing if you don’t survive to claim it. <br><br> [[File:Gems.jpg|thumb|center]] <br> {| class="wikitable sortable" ! Image !! Name !! Value || Description |- | [[File:Ruby.png|150px|thumb|center]] || Ruby || 20g || A common gem. Has some value to the right trader. |- | [[File:Emerald.png|150px|thumb|center]] || Emerald || 50g || An emerald is an uncommon find. It should be worth some gold. |- | || Sapphire || || |- | [[File:Diamond.png|150px|thumb|center]] || Diamond || 1000g || A rare diamond! This will be worth a fortune... |- | || || || |- | || || || |- | || || || |} 0f7e8e25ad2ab58c5d07601521f79c02a3dd9ec0 846 834 2025-04-04T12:50:38Z Siege 584755 wikitext text/x-wiki Brave the depths of [[The Fallen Bastion|the Fallen Bastion]] in search of valuable treasure — but only if you can make it out alive.<br><br> Sell your spoils to vendors in the [[Social Space|social space]], upgrade your gear, and prepare for the next descent. But beware… fortune means nothing if you don’t survive to claim it. <br><br> [[File:Gems.jpg|thumb|center]] <br> {| class="wikitable sortable" ! Image !! Name !! Value || Description |- | [[File:Gem-red.png|150px|thumb|center]] || Ruby || 20g || A common gem. Has some value to the right trader. |- | [[File:Gem-green.png|150px|thumb|center]] || Emerald || 50g || An emerald is an uncommon find. It should be worth some gold. |- | [[File:Gem-blue.png|150px|thumb|center]] || Sapphire || 50g || A sapphire is a rare fine. It should be worth a hefty sum to the right individual. |- | [[File:Gem-white.png|150px|thumb|center]] || Diamond || 1000g || A rare diamond! This will be worth a fortune... |- | [[File:Goblet-bronze.png|150px|thumb|center]] || Bronze Goblet || 10g || A goblet made from bronze. It should be worth some gold to a trader. |- | [[File:Goblet-silver.png|150px|thumb|center]] || Silver Goblet || 50g || A silver goblet! This will be worth quite the sum to the right trader. |- | [[File:Goblet-gold.png|150px|thumb|center]] || Gold Goblet || || |} 49bda79fac8362d16e5e2335ffcf34b64fb8fda7 6 419 836 2025-04-04T12:42:15Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 420 837 2025-04-04T12:42:16Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 421 838 2025-04-04T12:42:17Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 422 839 2025-04-04T12:42:17Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 423 840 2025-04-04T12:42:18Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 424 841 2025-04-04T12:42:19Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 425 842 2025-04-04T12:42:20Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 426 843 2025-04-04T12:42:22Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 427 844 2025-04-04T12:42:24Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 428 845 2025-04-04T12:42:26Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 316 847 600 2025-04-04T12:53:37Z Siege 584755 wikitext text/x-wiki Before the descent, all roads lead here. This is where your journey begins — a sanctuary tucked just beyond the shadows. Meet fellow adventurers, trade with shadowed vendors, and prepare yourself for what lies beneath. Browse wares, barter for rare finds, or seek out whispers of quests from mysterious figures at the edge of the firelight. Choose your [[Skills|skills]], sharpen your loadout, and weigh the risks ahead. Trust is scarce, but opportunity thrives in the flicker of torchlight. === Your Tent, Your Arsenal === Within the safety of your personal [[The Tent|tent]], time slows. Here, you’ll shape your path — [[Character Customization|customize your appearance]], preparing your inventory, and selecting your gear before venturing into the [[The Fallen Bastion|Fallen Bastion]]. Every choice matters. Every item could be the difference between glory… or death in the dark. === A Living World in Progress === Reave is still forging its form — and the social space is only the beginning. Expect expansions, refinements, and new secrets in the future. The descent is just getting started. <br><br> [[File:TEMP - Social Space.jpg|frameless|left]] 85898fbff623527684ef0319247b644e147afbee 0 377 849 757 2025-04-04T13:11:49Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor Leggings |image= |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 6db3e9d75a46d917bbc82cd36286f17a27016e51 851 849 2025-04-04T13:31:31Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor Leggings |image= |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=50 |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=-0.1 |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=300g |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 0dfab4c6fb60c97664cca2952ccdb7dba6881699 0 311 850 709 2025-04-04T13:17:47Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Xiphos.jpg |Motto1= |Damage=Unknown |Armor Penetration=Unknown |Block=Unknown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.2 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=50g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 279afe80e369d3d4cd04821db71a59dc9fbfc912 0 368 852 747 2025-04-04T13:35:19Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Armor |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=10 |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0.1 |Uncommon_Health Regen=0.1 |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=0 |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=10 |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=0 |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leather armor that covers the torso. Only a little bit more cumbersome than cloth, and works decently to protect against minor hits. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 04a1ce4e00ebfeee5fca72ffdf31ebfad884e35f 0 359 853 711 2025-04-04T13:49:11Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Long Sword |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=100 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=100g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The ultimate in weaponry technology. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. edb24f405a41de3251e0f58d996f6fd364c82e34 0 358 854 710 2025-04-04T13:53:05Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Quillon |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=15 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=50 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100 |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A traditional Quillon - short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. b893f6140e07b40cda5a21c20ab2f5ba4c0d6192 0 370 855 749 2025-04-04T13:54:45Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Chain Mail |image= |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=150g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 94b960e4459fe3d431ae85b19786831ff182160c 0 362 856 714 2025-04-04T13:55:48Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Shield |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Block=900 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This shield can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>Shields and [[Weapons]] found during raids will have randomized rarities and stats. c9946cb02da7314ea5c6cb9595f931f595bf9f54 0 311 857 850 2025-04-04T14:00:55Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=Xiphos.jpg |Motto1= |Damage=Unknown |Armor Penetration=Unknown |Block=Unknown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.2 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=50g |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] bf9fe7f29807a2da9b3ddc538b05bc6edcf34c0f 0 282 858 848 2025-04-04T14:08:36Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select vendors in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the [[The Fallen Bastion|Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |} 1e14f469d049b49ddd002ddee03b8dd02fb4f5dd 862 858 2025-04-05T10:12:42Z Siege 584755 /* Chest Armor */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select vendors in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the [[The Fallen Bastion|Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |} 59532f1f999bfe5369e9e03a003a72ce0749dee5 863 862 2025-04-05T10:14:23Z Siege 584755 /* Leggings */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select vendors in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the [[The Fallen Bastion|Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |} 3a3049c486f65b841dac44da6bef6418d7693726 864 863 2025-04-05T10:15:27Z Siege 584755 /* Boots */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select vendors in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the [[The Fallen Bastion|Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced_Coif.jpg|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Heavy_Coif_Chainmail.jpg|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Light_Chainmail_Coif.jpg|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:SkullHelm.jpg|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Heavy_Barbute_Helmet.jpg|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Leather_Armor.jpg|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy_Leather_Armor.jpg|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chainmail.jpg|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light_Chestplate.jpg|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Iron_Chestplate.jpg|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor.jpg|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Metal_Bracers.jpg|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Heavy_Plate_Armor_Leggings.jpg|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced_Boots.jpg|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy_Boots.jpg|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |} ff97657cd8d9f8e015bac6c784034ca7a1fbbd16 0 429 859 2025-04-04T14:11:04Z Siege 584755 Created page with "{{Gear Template |title=Leather Leggings |image= |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0.1 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Res..." wikitext text/x-wiki {{Gear Template |title=Leather Leggings |image= |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0.1 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=100g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leggings made from leather. Decent protection and low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. b28c24bd8e8741ced8fe2c55f3102f9acddffe28 0 430 860 2025-04-04T14:12:53Z Siege 584755 Created page with "In [[The Fallen Bastion|the Fallen Bastion]], survival hangs by a thread — and every edge counts. Potions offer a lifeline in the dark, turning the tide when it matters most. Some can be bought from [[Merchants|merchants]] in the [[Social Space|social space]], but the rarest brews lie hidden within [[The Fallen Bastion|the Fallen Bastion]] itself. Risk deeper descent to claim them… or go without. {| class="wikitable sortable" ! Image !! Name !! Buy !! Sell !! Descr..." wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], survival hangs by a thread — and every edge counts. Potions offer a lifeline in the dark, turning the tide when it matters most. Some can be bought from [[Merchants|merchants]] in the [[Social Space|social space]], but the rarest brews lie hidden within [[The Fallen Bastion|the Fallen Bastion]] itself. Risk deeper descent to claim them… or go without. {| class="wikitable sortable" ! Image !! Name !! Buy !! Sell !! Description |- | Image || Heal Potion - Small || 25g || 10g || A small potion of healing. Causes you to regain 30 health instantly. |- | Image || Damage Potion - Medium || || 25g || A medium potion of damage. Grants 1.5x damage for 30 seconds. |- | Image || Damage Potion - Small || 50g || 15g || A small potion of damage. Grants 1.5x damage for 10 seconds. |} <br> To drink a potion, pull it to your mouth and release. 080c43b3cf7e92652ea6750b5d7adf0640dc7d96 0 5 861 681 2025-04-04T15:50:06Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-1"> * {{MP link|'''Find out more about Reave'''|image=Site-logo.png|size=92px|link=Reave}} * {{MP link|'''Discover something Random'''|link=Special:Random}} </div> <div class="mp-links columns-2"> * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Skeleton Bruiser - Enemy Type|link=Skeleton Bruiser|image=SkeleBruiser.jpg|size=92px}} * {{MP link|Echoes - Collection|link=Echoes|image=P2 Echoes Collection.png|size=152px}} * {{MP link|The Social Space|link=Social Space|image=TEMP - Social Space.jpg|size=92px}} * {{MP link|Skull Metal Helmet - Armor|link=Skull_Metal_Helmet|image=SkullHelm.jpg|size=92px}} * {{MP link|Treasure & Loot|link=Treasure|image=Gems.jpg|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 700b69af0eb1c5844fc635cb52974c001747031a 884 861 2025-04-05T11:26:37Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-1"> * {{MP link|'''Find out more about Reave'''|image=Site-logo.png|size=92px|link=Reave}} * {{MP link|'''Discover something Random'''|link=Special:Random}} </div> <div class="mp-links columns-2"> * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Skeleton Bruiser - Enemy Type|link=Skeleton Bruiser|image=SkeleBruiser.jpg|size=92px}} * {{MP link|Echoes - Collection|link=Echoes|image=P2 Echoes Collection.png|size=152px}} * {{MP link|The Social Space|link=Social Space|image=TEMP - Social Space.jpg|size=92px}} * {{MP link|Skull Metal Helmet - Armor|link=Skull_Metal_Helmet|image=SkullHelm.jpg|size=92px}} * {{MP link|Treasure & Loot|link=Treasure|image=Gems.jpg|size=92px}} * {{MP link|Echoes|link=Echoes|image=Echo.png|size=92px}} * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 86d22261450da574d5ebf49b3ad0fc395fb1a70e 0 431 865 2025-04-05T10:19:41Z Siege 584755 Created page with "{{Gear Template |title=Orphan Shirt |image=Uni OrphShrt A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown..." wikitext text/x-wiki {{Gear Template |title=Orphan Shirt |image=Uni OrphShrt A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This is part of the starting [[Armor|Armor]] set. 185cf45fac897dae4f55dd0742649f9fdffce4a0 0 432 866 2025-04-05T10:20:21Z Siege 584755 Created page with "{{Gear Template |title=Orphan Skirt |image=Uni OrphSkrt A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown..." wikitext text/x-wiki {{Gear Template |title=Orphan Skirt |image=Uni OrphSkrt A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This is part of the starting [[Armor|Armor]] set. 65af9567129f9347a35590a859ad70206831cbb4 0 433 867 2025-04-05T10:21:14Z Siege 584755 Created page with "{{Gear Template |title=Orphan Boots |image=Uni OrphBoots A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknow..." wikitext text/x-wiki {{Gear Template |title=Orphan Boots |image=Uni OrphBoots A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This is part of the starting [[Armor|Armor]] set. 0ee10d71b33b06783c23c070f54d7be34dfabb77 6 434 868 2025-04-05T10:39:08Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 435 869 2025-04-05T10:58:57Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 436 870 2025-04-05T11:14:45Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 437 871 2025-04-05T11:14:46Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 438 872 2025-04-05T11:14:46Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 439 873 2025-04-05T11:14:47Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 440 874 2025-04-05T11:14:48Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 441 875 2025-04-05T11:14:49Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 442 876 2025-04-05T11:14:50Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 443 877 2025-04-05T11:14:51Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 444 878 2025-04-05T11:14:51Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 445 879 2025-04-05T11:14:52Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 446 880 2025-04-05T11:14:53Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 447 881 2025-04-05T11:14:54Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 448 882 2025-04-05T11:14:55Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 341 883 634 2025-04-05T11:23:00Z Siege 584755 wikitext text/x-wiki [[File:Reave_echo_ingame_noglow.png|frameless|150px|right]] Every soul you strike down in [[The Fallen Bastion|the Fallen Bastion]] leaves behind a trace — a flickering echo, pulsing in the dark. These mysterious orbs are more than remnants… they are your way out. <br><br> [[File:P2 Echoes EnemyKill.png|frameless|right]] The stronger the enemy, the more echoes it leaves behind. Challenge breeds reward, but danger grows with every step deeper into the abyss. <br><br> To claim an echo, you must strike it — a [[Weapons|weapon]]’s touch or a crushing grip will bind it to your vessel, storing it automatically. Collect enough, and you may just live to see the surface again. <br><br> [[File:P2 Echoes Collection.png|frameless|right]] Collect echoes before time runs out to open a portal — a fleeting doorway back to the [[Social Space|social space]]. It’s the only safe extraction… unless you dare to face the boss. Win, and every [[Treasure|treasure]], [[Weapons|weapon]], and scrap of [[Armor|armor]] you’ve found goes with you. Fail, and you lose it all to the dark. <br><br> Your vessel, found in the quick menu, shifts and evolves as echoes fill it. Reach 180 to extract. Spend 60 to open loot rooms — or to summon a powerful boss guarding the rarest rewards. And if you find strange rocky growths deep in the Bastion… shatter them. Some echoes are trapped inside, waiting to be freed. <br><br> <gallery> Reave_EchoSocket.jpg|The loot room REAVE_Devlog_19.00_03_46_50.Still002.jpg|The vessel REAVE_Devlog_19.00_04_48_39.Still006.jpg|Using a vessel REAVE_Devlog_19.00_05_43_11.Still008.jpg|Summoning a boss REAVE_Devlog_19.00_06_42_02.Still010.jpg|Rocky growths </gallery> 96bff21a8e2826d8caf99d77302f13dbf3c0ed13 885 883 2025-04-05T13:02:41Z Siege 584755 wikitext text/x-wiki [[File:Reave_echo_ingame_noglow.png|frameless|150px|right]] Every soul you strike down in [[The Fallen Bastion|the Fallen Bastion]] leaves behind a trace — a flickering echo, pulsing in the dark. These mysterious orbs are more than remnants… they are your way out. <br><br> [[File:P2 Echoes EnemyKill.png|frameless|right]] The stronger the enemy, the more echoes it leaves behind. Challenge breeds reward, but danger grows with every step deeper into the abyss. <br><br> To claim an echo, you must strike it — a [[Weapons|weapon]]’s touch or a crushing grip will bind it to your vessel, storing it automatically. Collect enough, and you may just live to see the surface again. <br><br> [[File:P2 Echoes Collection.png|frameless|right]] Collect echoes before time runs out to open a portal — a fleeting doorway back to the [[Social Space|social space]]. It’s the only safe extraction… unless you dare to face the boss. Win, and every [[Treasure|treasure]], [[Weapons|weapon]], and scrap of [[Armor|armor]] you’ve found goes with you. Fail, and you lose it all to the dark. <br><br> Your vessel, found in the quick menu, shifts and evolves as echoes fill it. Reach 180 to extract. Spend 60 to open loot rooms — or to summon a powerful boss guarding the rarest rewards. And if you find strange rocky growths deep in [[The Fallen Bastion|the Fallen Bastion]]… shatter them. Some echoes are trapped inside, waiting to be freed. <br><br> <gallery> Reave_EchoSocket.jpg|The loot room REAVE_Devlog_19.00_03_46_50.Still002.jpg|The vessel REAVE_Devlog_19.00_04_48_39.Still006.jpg|Using a vessel REAVE_Devlog_19.00_05_43_11.Still008.jpg|Summoning a boss REAVE_Devlog_19.00_06_42_02.Still010.jpg|Rocky growths </gallery> e0f04eafb08f2b798c4ac43d70a84385e38b89ec 6 449 886 2025-04-05T13:12:40Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 450 887 2025-04-05T13:12:41Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 451 888 2025-04-05T13:12:42Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 452 889 2025-04-05T13:12:43Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 453 890 2025-04-05T13:12:44Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 454 891 2025-04-05T13:12:45Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 455 892 2025-04-05T13:12:46Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 456 893 2025-04-05T13:12:47Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 457 894 2025-04-05T13:12:48Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 458 895 2025-04-05T13:12:49Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 459 896 2025-04-05T13:12:50Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 460 897 2025-04-05T13:12:51Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 461 898 2025-04-05T13:12:52Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 462 899 2025-04-05T13:12:53Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 463 900 2025-04-05T13:12:54Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 464 901 2025-04-05T13:12:55Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 465 902 2025-04-05T13:12:55Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 466 903 2025-04-05T13:12:56Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 467 904 2025-04-05T13:12:57Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 468 905 2025-04-05T13:14:58Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 469 906 2025-04-05T13:14:58Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 470 907 2025-04-05T13:14:59Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 471 908 2025-04-05T13:15:01Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 472 909 2025-04-05T13:15:02Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 473 910 2025-04-05T13:15:02Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 474 911 2025-04-05T13:15:03Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 475 912 2025-04-05T13:15:05Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 476 913 2025-04-05T13:15:05Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 477 914 2025-04-05T13:15:06Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 478 915 2025-04-05T13:15:07Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 479 916 2025-04-05T13:15:07Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 480 917 2025-04-05T13:15:08Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 481 918 2025-04-05T13:15:09Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 482 919 2025-04-05T13:15:09Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 483 920 2025-04-05T13:15:10Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 484 921 2025-04-05T13:15:11Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 485 922 2025-04-05T13:15:11Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 486 923 2025-04-05T13:15:12Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 487 924 2025-04-05T13:15:13Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 488 925 2025-04-05T13:15:13Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 489 926 2025-04-05T13:15:15Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 490 927 2025-04-05T13:15:16Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 491 928 2025-04-05T13:15:17Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 492 929 2025-04-05T13:15:18Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 493 930 2025-04-05T13:15:18Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 364 931 743 2025-04-05T13:18:59Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Reinforced Coif |image=Reinforced-Coif.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A horned helmet. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. f447e4577dff5113238ab2942de90a73afb7166a 0 365 932 744 2025-04-05T13:21:49Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Coif Chain Mail |image=Coif-Chainmail.png |Motto1= |Common_Armor=30 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings fashioned into a coif. This one had been reinforced to provide extra armor at the cost of additional weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 339dbc03203e8d39f7cf391e32651dc4d555b9a5 0 366 933 745 2025-04-05T13:22:21Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Light Chainmail Coif |image=Chainmail-Helm.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interlocking iron rings fashioned into a headpiece. This chainmail coif has been built to be lighter weight at the cost of some protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. eb9ae3ea59dedf3064b95fe0e906a9a7d8699501 0 309 934 604 2025-04-05T13:24:05Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = SkullHelm.jpg | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_IconBorder.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage= |Armor Penetration= |Block= |Armor=20 |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. <br><br> A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. <br><br> Stats may vary when obtained in dungeons. [[File:Skull Metal Helmet - Large.png|frameless|left]] 45a14054fdd4e6daaf51789ac3babe7549abaeb4 0 367 935 746 2025-04-05T13:24:41Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Barbute Helmet |image=Barbute-Helm.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy sheets of iron with narrow holes hammered out for the wearer's eyes. Heavy and very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 69eeb4b2c9af0d7894fc52eaaa229b835fa2c4f1 0 369 936 748 2025-04-05T13:26:29Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Armor |image=Heavy-Leather-Armor.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interwoven treated leather armor that covers the body. It's thick and heavy, but should be fairly protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. f376d8a79c0858781dafe35b21bc97761f7382f0 0 370 937 855 2025-04-05T13:27:09Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Chain Mail |image=Chain-Mail.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=150g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 2b379037e61a85c8ccca38f4eab58b5dda66834b 0 371 938 750 2025-04-05T13:27:39Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Light Chestplate |image=Light-Chestplate.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=350g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A thin iron plate strapped about the torso. Not the most protective piece, but a fair bit better than leather or chainmail. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 5102f36cadb5d96f120d0af4310e229df9f4dc2e 0 372 939 751 2025-04-05T13:28:56Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Iron Chestplate |image=Uni_Hvy_ChestPlate_A001_Icon.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 313def9d6af97578f95eb08605d55c214f2cb5b2 0 373 940 752 2025-04-05T13:29:34Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor |image=Heavy-PlateArmor.png |Motto1= |Common_Armor=100 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=10g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The heaviest steel armor available. It offers best-in-class protection for anyone capable of managing the extraordinary weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 8173818ed2e7952b1ae60bcd5daa140481233b8b 0 368 941 852 2025-04-05T13:30:15Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Armor |image=Hun_Med_Che_HunLthr_A001_Icon.png |Motto1= |Common_Armor=10 |Uncommon_Armor=10 |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0.1 |Uncommon_Health Regen=0.1 |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=0 |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=10 |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=0 |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leather armor that covers the torso. Only a little bit more cumbersome than cloth, and works decently to protect against minor hits. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. cbd0b259847e69f18a60d1b4368f49607f160e89 0 374 942 754 2025-04-05T13:31:40Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Metal Bracers |image=Uni_Hvy_Gauntlets_A001_Icon.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=150g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Iron rings worn around the wrists. Coverage is not great, but they are far better than nothing. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. da7bc222085c30ab72c6752f092bc098995aa21a 0 494 943 2025-04-05T13:33:20Z Siege 584755 Created page with "{{Gear Template |title=Leather Gloves |image=Leather-Gloves.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Com..." wikitext text/x-wiki {{Gear Template |title=Leather Gloves |image=Leather-Gloves.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. dd670b5e320f44299c4622c64703ba3e845ded08 0 429 944 859 2025-04-05T13:34:11Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Leggings |image=Leather-Leggings.png |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0.1 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=100g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leggings made from leather. Decent protection and low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 42cd992429e9eeeb8d7870d4b3eb3ccd853da60a 0 376 945 756 2025-04-05T13:35:28Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Skirt |image=Uni_Hvy_SkrtPnts_A001_Icon.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A plate-reinforced leather skirt. A good balance between maneuverability and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 6adfcc5bbf2c382ba601a4c505f1e411fb2fe500 0 377 946 851 2025-04-05T13:36:14Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor Leggings |image=Plate-Pants.png |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=50 |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=-0.1 |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=300g |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 5d237d9977bcd9c5da6cfc01df2e5d3268f56636 0 375 947 755 2025-04-05T13:39:17Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Leggings |image=Heavy Leather Leggings.jpg |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Pants made from thick sections of leather. Not the most comfortable, but should provide decent protection in a fight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 29fd20c9bea8dc1f20483c9e2723abe6cb084bbd 0 378 948 758 2025-04-05T13:40:49Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Reinforced Boots |image=Reinforced-Boots.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 1a48c1028f4358401b6b8d7910e832f3ea8e6966 0 380 949 753 2025-04-05T13:41:55Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Boots |image=Heavy-Boots.png |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of plate boots, loud and heavy, but very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. a3e83511153ae3689466b64eb19d12bf631989fa 0 379 950 759 2025-04-05T13:43:05Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Leather Boots |image=Heavy Leather Boots.jpg |Motto1= |Common_Armor=5 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.5 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy leather-reinforced boots. A good balance of weight and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 6a586d037680cd90b122582459429e7654b283c8 0 363 951 715 2025-04-05T13:45:25Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Torch |image=TorchAlpha.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Buy=50g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Weapons|equipment]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons|Equipment]] found during raids will have randomized rarities and stats. b471bb9599418fc47ff399d251fde7b584f788eb 0 362 952 856 2025-04-05T13:46:09Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Shield |image=ShieldAlpha.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Block=900 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This shield can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>Shields and [[Weapons]] found during raids will have randomized rarities and stats. e056a7dde61fc4a14e3460d1532b59c4572c76dd 6 495 953 2025-04-05T13:50:02Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 360 954 712 2025-04-05T13:50:41Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=OBS - Heavy Sword |image=Sword-VeryRare.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=26 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=1000g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. d67bbea081df4f03291df3555f64fd696396c040 0 359 955 853 2025-04-05T13:53:58Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Long Sword |image=Sword-CommonAlpha.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=100 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=100g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The ultimate in weaponry technology. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. 0c0dbc0311a83dd598815113bce84cea07f1580c 0 301 956 835 2025-04-05T13:55:44Z Siege 584755 /* Long Swords: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:Arrows.jpg|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:Shield.jpg|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Torch.jpg|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 10aab0cbef7ec78d440b48a94c1da01800be3561 957 956 2025-04-05T13:56:34Z Siege 584755 /* Crossbows: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Xiphos.jpg|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:Shield.jpg|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Torch.jpg|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 767122194c9eaf57a7dc90890a9677e656f78b81 958 957 2025-04-05T13:57:09Z Siege 584755 /* Short Swords: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:Shield.jpg|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Torch.jpg|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> ebbb42bac8f548969018ee0c4333653e09293b50 960 958 2025-04-05T13:58:10Z Siege 584755 /* Shields: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:Torch.jpg|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> d725c8fd7ffe475cd446db173285d93a8781ac32 961 960 2025-04-05T13:58:34Z Siege 584755 /* Lights: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain NPCs offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some vendors may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> bbbcfdb1f78b05fb86fa8a9dae189bc085d7430e 962 961 2025-04-05T14:00:41Z Siege 584755 wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 5d0f093a99a0a75828850653fe7742200359f58b 0 311 959 857 2025-04-05T13:57:38Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |image=xiphos.png |Motto1= |Damage=Unknown |Armor Penetration=Unknown |Block=Unknown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.2 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=50g |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] 91283f42f8790b0c7d965aa4121c1278c523eac8 0 372 963 939 2025-04-05T14:07:34Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Iron Chestplate |image=Chestplate.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 552ce538947280bb7dac3b6f9c5e1acbb31b0a7d 0 282 964 864 2025-04-05T14:12:39Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in the [[The Fallen Bastion|Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Chestplate.png|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |} 66ef55921926aea61ff4d842f852e866e9cf4ea6 965 964 2025-04-05T14:13:15Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Chestplate.png|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |} 4f427c4673adf308bc29b3b899fb3b1e0b0f6328 6 496 966 2025-04-05T14:26:48Z Siege 584755 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 0 497 967 2025-04-05T14:29:09Z Siege 584755 Created page with "[[File:Merchant Screenshot.jpg|thumb|right|200px]]Back in the [[Social Space|social space]], a handful of merchants offer vital gear — [[Potions|potions]], [[Weapons|weapons]], [[Armor|armor]], and [[Weapons|arrows]] to tip the odds in your favor.<br><br> However, not all of them trade freely. Some demand proof of skill. Complete their trials, earn their respect… and unlock the rarest supplies for your next descent into [[The Fallen Bastion|the Fallen Bastion]]." wikitext text/x-wiki [[File:Merchant Screenshot.jpg|thumb|right|200px]]Back in the [[Social Space|social space]], a handful of merchants offer vital gear — [[Potions|potions]], [[Weapons|weapons]], [[Armor|armor]], and [[Weapons|arrows]] to tip the odds in your favor.<br><br> However, not all of them trade freely. Some demand proof of skill. Complete their trials, earn their respect… and unlock the rarest supplies for your next descent into [[The Fallen Bastion|the Fallen Bastion]]. f95e37357d81ffd57453131595df70e35b7e332b 968 967 2025-04-05T14:30:21Z Siege 584755 wikitext text/x-wiki [[File:Merchant Screenshot.jpg|thumb|right|200px]]Back in the [[Social Space|social space]], a handful of merchants offer vital gear — [[Potions|potions]], [[Weapons|weapons]], and [[Armor|armor]] to tip the odds in your favor.<br><br> However, not all of them trade freely. Some demand proof of skill. Complete their trials, earn their respect… and unlock the rarest supplies for your next descent into [[The Fallen Bastion|the Fallen Bastion]]. ecc05137fa918e1dcd47310826d6c055b68f6e8e 6 498 969 2025-04-05T14:33:21Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 499 970 2025-04-05T14:33:22Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 0 430 971 860 2025-04-05T14:35:21Z Siege 584755 wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], survival hangs by a thread — and every edge counts. Potions offer a lifeline in the dark, turning the tide when it matters most. Some can be bought from [[Merchants|merchants]] in the [[Social Space|social space]], but the rarest brews lie hidden within [[The Fallen Bastion|the Fallen Bastion]] itself. Risk deeper descent to claim them… or go without. {| class="wikitable sortable" ! Image !! Name !! Buy !! Sell !! Description |- | [[File:TEMP heal potion.jpg|50px|thumb|center]] || Heal Potion - Small || 25g || 10g || A small potion of healing. Causes you to regain 30 health instantly. |- | || Damage Potion - Medium || || 25g || A medium potion of damage. Grants 1.5x damage for 30 seconds. |- | [[File:TEMP attack potion.jpg|50px|thumb|center]] || Damage Potion - Small || 50g || 15g || A small potion of damage. Grants 1.5x damage for 10 seconds. |} <br> To drink a potion, pull it to your mouth and release. 2926ce81ecbb6bbf23b5d5ef388a5d981de1e55d 0 500 972 2025-04-05T14:48:41Z Siege 584755 Created page with "Every adventurer finds their way to the Fallen Bastion — drawn by the promise of power, glory, and wealth. Within its depths lie [[Treasure|treasures]] ripe for the taking: valuable loot to sell, and [[Weapons|weapons]] and [[Armor|armor]] warped by the Bastion’s strange energy. But nothing comes unguarded. <br><br> Monstrous [[Category:Enemies|enemies]] stalk the shadows. Bosses await in chambers of ruin. And not all who walk beside you are allies — other adventur..." wikitext text/x-wiki Every adventurer finds their way to the Fallen Bastion — drawn by the promise of power, glory, and wealth. Within its depths lie [[Treasure|treasures]] ripe for the taking: valuable loot to sell, and [[Weapons|weapons]] and [[Armor|armor]] warped by the Bastion’s strange energy. But nothing comes unguarded. <br><br> Monstrous [[Category:Enemies|enemies]] stalk the shadows. Bosses await in chambers of ruin. And not all who walk beside you are allies — other adventurers may turn on you when you least expect it. <br><br> Choose your path: join a party, or descend alone. The entrance stands between two towering statues — silent sentinels to the world below. Step inside, and the clock begins. You’ll have 20 minutes to gather [[Echoes|echoes]] and reach an extraction point… or summon and slay a boss to open a portal home. <br><br> Fortune favors the bold. Just don’t lose track of time. d59eac14f391f8702a2c3297588acccbd2e2f618 973 972 2025-04-05T14:53:20Z Siege 584755 wikitext text/x-wiki Every adventurer finds their way to the Fallen Bastion — drawn by the promise of power, glory, and wealth. Within its depths lie [[Treasure|treasures]] ripe for the taking: valuable loot to sell, and [[Weapons|weapons]] and [[Armor|armor]] warped by the Bastion’s strange energy. But nothing comes unguarded. <br><br> Monstrous enemies stalk the shadows. Bosses await in chambers of ruin. And not all who walk beside you are allies — other adventurers may turn on you when you least expect it. <br><br> Choose your path: join a party, or descend alone. The entrance stands between two towering statues — silent sentinels to the world below. Step inside, and the clock begins. You’ll have 20 minutes to gather [[Echoes|echoes]] and reach an extraction point… or summon and slay a boss to open a portal home. <br><br> Fortune favors the bold. Just don’t lose track of time. b68e86c03d97740ccdfeca97746e8bcb76f22ed9 0 501 974 2025-04-05T15:12:30Z Siege 584755 Created page with "[[Skills]], [[Weapons|weapons]], and [[Armor|armor]] will carry you far — but they’re not enough. To survive [[The Fallen Bastion|the Fallen Bastion]], you’ll need consumables: [[Potions|potions]], tools, and resources that keep you alive when things go wrong. Some can be bought from trusted [[Merchants|merchants]]. The rest? Scattered throughout the depths, waiting to be found… or fought for. <br><br> {| class="wikitable" ! Image !! Name !! Buy !! Sell !! Descri..." wikitext text/x-wiki [[Skills]], [[Weapons|weapons]], and [[Armor|armor]] will carry you far — but they’re not enough. To survive [[The Fallen Bastion|the Fallen Bastion]], you’ll need consumables: [[Potions|potions]], tools, and resources that keep you alive when things go wrong. Some can be bought from trusted [[Merchants|merchants]]. The rest? Scattered throughout the depths, waiting to be found… or fought for. <br><br> {| class="wikitable" ! Image !! Name !! Buy !! Sell !! Description |- | [[File:Trap.jpg|100px|thumb|center]] || Bear Trap || || || |- | [[File:Apple.jpg|100px|thumb|center]] || Apple || || 25g || An edible apple. Doesn't look very appetizing, but should recover some health when eaten. |- | [[File:Bomb.jpg|100px|thumb|center]] || Bomb || || 50g || A handful of explosives encased in an iron shell. Any sufficiently strong impact will cause it to instantly detonate. |- | [[File:HealthPotions.jpg|100px|thumb|center]] || [[Potions|Potions]] || Varies || Varies || More information can be found [[Potions|here]]. |- | [[File:CrossbowBolts-Alpha.png|100px|thumb|center]] || Crossbow Bolt Bundle - Medium || 10g || || Pew Pew. |} 897491bac060a45b123e0d960f6dbfc242c9e8e0 977 974 2025-04-06T10:38:50Z Siege 584755 wikitext text/x-wiki [[Skills]], [[Weapons|weapons]], and [[Armor|armor]] will carry you far — but they’re not enough. To survive [[The Fallen Bastion|the Fallen Bastion]], you’ll need consumables: [[Potions|potions]], tools, and resources that keep you alive when things go wrong. Some can be bought from trusted [[Merchants|merchants]]. The rest? Scattered throughout the depths, waiting to be found… or fought for. <br><br> Potions and food can be consumed by pulling them to your mouth and releasing. Ammunition is pulled from your inventory automatically. Others are used by throwing them on the ground or at an enemy. <br><br> {| class="wikitable" ! Image !! Name !! Buy !! Sell !! Description |- | [[File:Trap.jpg|100px|thumb|center]] || Bear Trap || || || |- | [[File:Apple.jpg|100px|thumb|center]] || Apple || || 25g || An edible apple. Doesn't look very appetizing, but should recover some health when eaten. |- | [[File:Bomb.jpg|100px|thumb|center]] || Bomb || || 50g || A handful of explosives encased in an iron shell. Any sufficiently strong impact will cause it to instantly detonate. |- | [[File:HealthPotions.jpg|100px|thumb|center]] || [[Potions|Potions]] || Varies || Varies || More information can be found [[Potions|here]]. |- | [[File:CrossbowBolts-Alpha.png|100px|thumb|center]] || Crossbow Bolt Bundle - Medium || 10g || || Pew Pew. |} cf6c98589586d8b17509e4a80c794ee3232ab40d 0 316 975 847 2025-04-05T15:17:37Z Siege 584755 wikitext text/x-wiki Before the descent, all roads lead here. This is where your journey begins — a sanctuary tucked just beyond the shadows. Meet fellow adventurers, trade with shadowed [[Merchants|merchants]], and prepare yourself for what lies beneath. Browse wares, barter for rare finds, or seek out whispers of quests from mysterious figures at the edge of the firelight. Choose your [[Skills|skills]], sharpen your loadout, and weigh the risks ahead. Trust is scarce, but opportunity thrives in the flicker of torchlight. === Your Tent, Your Arsenal === Within the safety of your personal [[The Tent|tent]], time slows. Here, you’ll shape your path — [[Character Customization|customize your appearance]], preparing your inventory, and selecting your gear before venturing into the [[The Fallen Bastion|Fallen Bastion]]. Every choice matters. Every item could be the difference between glory… or death in the dark. === A Living World in Progress === Reave is still forging its form — and the social space is only the beginning. Expect expansions, refinements, and new secrets in the future. The descent is just getting started. <br><br> [[File:TEMP - Social Space.jpg|frameless|left]] dabff95c35988f2057a11e46dfde357139bdb955 0 6 976 708 2025-04-05T15:21:00Z Siege 584755 wikitext text/x-wiki {{Main page box/start | title = About Reave }} A dark fantasy PvPvE extraction game for VR. '''Descend into the Depths''' <br> Venture into the dungeons alone or with allies, battling [https://reave.wiki.gg/wiki/Category:Enemies creatures] and rival players in high-stakes raids. Slay what lurks in the dark, uncover lost [[Treasure|treasures]], and fight to escape with your spoils. But beware… you’re not the only one seeking fortune in the dark. Trust is fleeting, and betrayal is always an option. '''Forge Your Path''' <br> Customize your combat style with a mix of [[Skills|skills]] and gear. Become a ruthless warrior, a cunning rogue, or maybe something more magical — coming later in development. With immersive VR interactions, light your path, grab your [[Weapons|weapon]], and prepare for battle. '''The Calm Before the Descent''' <br> Between runs, return to the [[Social Space|social space]] - a hub where you can trade, upgrade gear, and connect with others. Forge alliances, taunt rivals, and prepare for the dangers below. But once you enter the depths, all bets are off. '''Join the Community''' <br> Your feedback shapes REAVE. Join the [[Waitlist|waitlist]], connect with the devs and fellow players on [https://discord.gg/Reave Discord], and be among the first to raid the dungeons! <br> <evlplayer w="640" h="300" alignment="right" class="class" id="example-player" defaultid="cYAhHCzHUL0"></evlplayer> <div style="text-align:right">[[Reave|Read more...]]</div> {{Main page box/end}} <noinclude> [[Category:Main page boxes]] </noinclude><!-- don't edit this line --> 8c00709742b9b4fcad6103c7a64015bdbf06639d 0 502 978 2025-04-06T10:52:50Z Siege 584755 Created page with "Survival in the Fallen Bastion is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Loot Chests|Loot chests]] * Quick Slots|Quick s..." wikitext text/x-wiki Survival in the Fallen Bastion is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Loot Chests|Loot chests]] * [[Quick Slots|Quick slots]] * [[Skills|Spending skill points]] * [[Sprint]] * [[Stamina]] * [[Consumables|Using consumables]] * [[Potions|Using potions]] 3ccb85a4b5fe0d1a8c1c9859505ccd52c0859b4d 979 978 2025-04-06T10:53:16Z Siege 584755 wikitext text/x-wiki Survival in [[The Fallen Bastion|the Fallen Bastion]] is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Loot Chests|Loot chests]] * [[Quick Slots|Quick slots]] * [[Skills|Spending skill points]] * [[Sprint]] * [[Stamina]] * [[Consumables|Using consumables]] * [[Potions|Using potions]] a5b07496b09c464af7bd3406b9c63ce0c3225b39 982 979 2025-04-06T11:11:00Z Siege 584755 wikitext text/x-wiki Survival in [[The Fallen Bastion|the Fallen Bastion]] is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Block]] * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Loot Chests|Loot chests]] * [[Quick Slots|Quick slots]] * [[Skills|Spending skill points]] * [[Sprint]] * [[Stamina]] * [[Consumables|Using consumables]] * [[Potions|Using potions]] 8e6dbb75d8d427d0865ecb0768851dc6eaaa002f 989 982 2025-04-06T14:30:27Z Siege 584755 wikitext text/x-wiki Survival in [[The Fallen Bastion|the Fallen Bastion]] is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Block]] * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Jump]] * [[Loot Chests|Loot chests]] * [[Quick Slots|Quick slots]] * [[Skills|Spending skill points]] * [[Sprint]] * [[Stamina]] * [[Consumables|Using consumables]] * [[Potions|Using potions]] 29ebe678d9182e595c16247b94172c846714f763 990 989 2025-04-06T14:31:24Z Siege 584755 wikitext text/x-wiki Survival in [[The Fallen Bastion|the Fallen Bastion]] is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Block]] * [[Climbing]] * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Jump]] * [[Loot Chests|Loot chests]] * [[Quick Slots|Quick slots]] * [[Skills|Spending skill points]] * [[Sprint]] * [[Stamina]] * [[Consumables|Using consumables]] * [[Potions|Using potions]] 7e1a560c16cef1a56a405e1f0ce99fc1b0a9eafb 998 990 2025-04-06T15:14:16Z Siege 584755 wikitext text/x-wiki Survival in [[The Fallen Bastion|the Fallen Bastion]] is a razor’s edge — one misstep, and it’s over. To endure, you’ll need more than strength. True mastery demands control of both body and mind. <br><br>Below, you’ll find essential knowledge to tip the balance in your favor… and keep you alive when the odds turn grim. <br><br> * [[Block]] * [[Climbing]] * [[Crouch]] * [[Dash]] * [[Echoes]] * [[Extraction]] * [[Inventory Management|Inventory management]] * [[Jump]] * [[Loot Chests|Loot chests]] * [[Quick Slots|Quick slots]] * [[Skills|Spending skill points]] * [[Sprint]] * [[Stamina]] * [[Consumables|Using consumables]] * [[Potions|Using potions]] * [[Vessel]] 744bd595dd06aae690f36e739bf1baa01c9effb7 0 503 980 2025-04-06T11:00:20Z Siege 584755 Created page with "Speed can mean survival — whether you’re fleeing a deadly foe or closing in for the kill. <br><br> Click the left thumbstick to sprint and push your body to its limit. But be warned: sprinting drains your [[Stamina|stamina]] fast. Burn it carelessly, and you may not have enough left when it matters most. <br><br> [[File:P2 Dash Air.png|300px|frameless|center]]" wikitext text/x-wiki Speed can mean survival — whether you’re fleeing a deadly foe or closing in for the kill. <br><br> Click the left thumbstick to sprint and push your body to its limit. But be warned: sprinting drains your [[Stamina|stamina]] fast. Burn it carelessly, and you may not have enough left when it matters most. <br><br> [[File:P2 Dash Air.png|300px|frameless|center]] 16d44ea8f2f31556d16f9dd8cf8e9e182f89be78 0 504 981 2025-04-06T11:09:55Z Siege 584755 Created page with "In [[The Fallen Bastion|the Fallen Bastion]], a split-second can save your life. Flick the left thumbstick and tap B to dash in that direction — if you’ve got the [[Stamina|stamina]] to spare. <br><br> This quick burst of movement is perfect for dodging deadly strikes, especially those you can’t [[Block|block]]. Time it right, or pay the price. <br><br> [[File:P2 Dash SidePosepng.png|300px|frameless|center]]" wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], a split-second can save your life. Flick the left thumbstick and tap B to dash in that direction — if you’ve got the [[Stamina|stamina]] to spare. <br><br> This quick burst of movement is perfect for dodging deadly strikes, especially those you can’t [[Block|block]]. Time it right, or pay the price. <br><br> [[File:P2 Dash SidePosepng.png|300px|frameless|center]] 79a2f21ebd8b7aa76174afb9974a3d6875a9d162 0 505 983 2025-04-06T11:19:08Z Siege 584755 Created page with "In [[The Fallen Bastion|the Fallen Bastion]], stamina is your lifeline. Every [[Dash|dash]], [[Block|block]], and [[Sprint|sprint]] pulls from the same well — and if it runs dry, you’re wide open. Managing stamina is just as important as guarding your health. <br><br> Your stamina bar appears in green at the bottom of your view and slowly regenerates over time. Want more to work with? Invest [[Skills|skill points]] into Dexterity to raise your max stamina and keep mo..." wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], stamina is your lifeline. Every [[Dash|dash]], [[Block|block]], and [[Sprint|sprint]] pulls from the same well — and if it runs dry, you’re wide open. Managing stamina is just as important as guarding your health. <br><br> Your stamina bar appears in green at the bottom of your view and slowly regenerates over time. Want more to work with? Invest [[Skills|skill points]] into Dexterity to raise your max stamina and keep moving when others fall. 6af70de3369c72a035ea14a181b8187313434d06 984 983 2025-04-06T11:21:01Z Siege 584755 wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], stamina is your lifeline. Every [[Dash|dash]], [[Block|block]], and [[Sprint|sprint]] pulls from the same well — and if it runs dry, you’re wide open. Managing stamina is just as important as guarding your health. <br><br> Your stamina bar appears in green at the bottom of your view and slowly regenerates over time. Want more to work with? Invest [[Skills|skill points]] into Dexterity to raise your max stamina and keep moving when others fall. This will also increase the rate of stamina recovery, putting you back in the fight sooner. c4a307be36f35562e8d2bc752f0f23bc547991cf 986 984 2025-04-06T11:25:27Z Siege 584755 wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], stamina is your lifeline. Every [[Dash|dash]], [[Block|block]], and [[Sprint|sprint]] pulls from the same well — and if it runs dry, you’re wide open. Managing stamina is just as important as guarding your health. <br><br> Your stamina bar appears in green at the bottom of your view and slowly regenerates over time. Want more to work with? Invest [[Skills|skill points]] into Dexterity to raise your max stamina and keep moving when others fall. This will also increase the rate of stamina recovery, putting you back in the fight sooner. <br><br> [[File:Bars.png|frameless|center]] da0a8b3281b0372f3ae9e678d72eb94351ca1a21 6 506 985 2025-04-06T11:24:47Z Siege 584755 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 322 987 595 2025-04-06T14:18:01Z Siege 584755 wikitext text/x-wiki As you descend into the depths, every action sharpens you. Every enemy slain, every puzzle unraveled, and every moment of survival adds to your experience. [[The Fallen Bastion]] is your proving ground, where each encounter earns you the knowledge to grow stronger. <br><br> When you’ve gathered enough experience, your power will manifest. After leveling up, you’ll earn skill points to hone your abilities. Spend them wisely — for with every point, you draw closer to your true potential. <br><br> Spend points during the raid summary or return to the archery area in the [[Social Space|social space]], where you can refine your strength, intelligence, and dexterity. Each skill point can be used to enhance your stats or unlock new, profession-specific abilities, granting you the edge needed to face the dangers below. <br><br> Your skills are more than numbers. They are your key to survival… and your ticket to dominance. 751f38b49ad681422dfa80aa543281e597e0d4ca 0 507 988 2025-04-06T14:27:37Z Siege 584755 Created page with "Blocking with a [[Weapons##Short_Swords:|sword]] or [[Weapons#Shields:|shield]] can stop incoming damage — but it’ll cost you [[Stamina|stamina]]. Time it right, and you’ll stay standing. But if your [[Stamina|stamina’s]] drained, the next hit will break through. <br><br> Each [[Weapons|weapon]] or [[Weapons#Shields:|shield]] comes with its own block strength, reducing the [[Stamina|stamina]] lost when you defend. Learn your gear, know your limits… and watch yo..." wikitext text/x-wiki Blocking with a [[Weapons##Short_Swords:|sword]] or [[Weapons#Shields:|shield]] can stop incoming damage — but it’ll cost you [[Stamina|stamina]]. Time it right, and you’ll stay standing. But if your [[Stamina|stamina’s]] drained, the next hit will break through. <br><br> Each [[Weapons|weapon]] or [[Weapons#Shields:|shield]] comes with its own block strength, reducing the [[Stamina|stamina]] lost when you defend. Learn your gear, know your limits… and watch your enemies. Some strikes can’t be blocked at all. When those come, you'd better be ready to dodge or [[Dash|dash]]. 14ccc08cca530dc1f77df69014a5097af2eb2380 0 508 991 2025-04-06T14:33:42Z Siege 584755 Created page with "Whether you’re lining up a strike, slipping past danger, or vanishing into the shadows — crouching is key. <br><br> Click the right thumbstick to crouch, and again to stand. Use it to dodge, sneak, or take the perfect shot. <br><br> In [[The Fallen Bastion|the Fallen Bastion]], staying low might just keep you alive." wikitext text/x-wiki Whether you’re lining up a strike, slipping past danger, or vanishing into the shadows — crouching is key. <br><br> Click the right thumbstick to crouch, and again to stand. Use it to dodge, sneak, or take the perfect shot. <br><br> In [[The Fallen Bastion|the Fallen Bastion]], staying low might just keep you alive. 3c95d40af89aaf1d8cb5d3dd37e8a3c6c8dd067d 0 509 992 2025-04-06T14:37:40Z Siege 584755 Created page with "Ladders in Reave feel natural — just reach out, grab the rungs, and pull yourself up hand over hand. It’s smooth, simple, and essential. <br><br> Use them to access new routes, gain the high ground, or deal with those annoying archers who think they’re safe above the fight." wikitext text/x-wiki Ladders in Reave feel natural — just reach out, grab the rungs, and pull yourself up hand over hand. It’s smooth, simple, and essential. <br><br> Use them to access new routes, gain the high ground, or deal with those annoying archers who think they’re safe above the fight. f1ed3f1481d0869535ac3d46134c0e01b6990d0a 0 510 993 2025-04-06T14:44:27Z Siege 584755 Created page with "Jumping isn’t just for flair — it’s survival. Tap A to vault over obstacles, dodge sweeping attacks, or reach ledges others can’t. Sharp eyes might spot breakable boards or hidden paths just out of reach. <br><br> And if luck’s on your side? You might find rare [[Potions|potions]] or [[Armor|armor]] that boost your jump — or even grant a double jump. <br><br> Mobility is power. Use it well." wikitext text/x-wiki Jumping isn’t just for flair — it’s survival. Tap A to vault over obstacles, dodge sweeping attacks, or reach ledges others can’t. Sharp eyes might spot breakable boards or hidden paths just out of reach. <br><br> And if luck’s on your side? You might find rare [[Potions|potions]] or [[Armor|armor]] that boost your jump — or even grant a double jump. <br><br> Mobility is power. Use it well. 7dbd67d9f433632bcd07e79c39bbf3875c3e270f 0 511 994 2025-04-06T14:51:18Z Siege 584755 Created page with "[[The Fallen Bastion|The Fallen Bastio]]n is filled with treasure, and loot chests are among the richest prizes. To unlock them, simply hover your hand over the lock, and it will open automatically, revealing your spoils. <br><br> If fortune favors you, inside you may find rare equipment with augmented stats — enhancing your strength and making you even more deadly. But remember: luck only smiles on the bold. <br><br> File:P2 Loot OpeningStoneChest.png|500px|frameles..." wikitext text/x-wiki [[The Fallen Bastion|The Fallen Bastio]]n is filled with treasure, and loot chests are among the richest prizes. To unlock them, simply hover your hand over the lock, and it will open automatically, revealing your spoils. <br><br> If fortune favors you, inside you may find rare equipment with augmented stats — enhancing your strength and making you even more deadly. But remember: luck only smiles on the bold. <br><br> [[File:P2 Loot OpeningStoneChest.png|500px|frameless|center]] 224d17fe9654a8f5c1319fe2ee92f881052dbc85 0 512 995 2025-04-06T15:00:49Z Siege 584755 Created page with "In the heat of battle, every second counts. Hold X to open 3 quick access slots, plus your [[Vessel|vessel]], giving you instant access to [[Potions|potions]], traps, or other vital items. <br><br> Strategically store your most crucial items here — use them wisely, and they could turn the tide of combat in your favor. Preparation and quick thinking are just as important as your [[Weapons|weapon]]." wikitext text/x-wiki In the heat of battle, every second counts. Hold X to open 3 quick access slots, plus your [[Vessel|vessel]], giving you instant access to [[Potions|potions]], traps, or other vital items. <br><br> Strategically store your most crucial items here — use them wisely, and they could turn the tide of combat in your favor. Preparation and quick thinking are just as important as your [[Weapons|weapon]]. 8b501bc3929e9eda2e92e3bb143b97850d6fdb0b 0 513 996 2025-04-06T15:11:53Z Siege 584755 Created page with "[[File:REAVE Devlog 19.00 03 46 50.Still002.jpg|250px|thumb|right]]As you collect [[Echoes|echoes]], they are stored within your vessel, ready to be accessed at any time. Hold X to open your [[Quick Slots|quick access menu]] and view your vessel’s contents. <br><br> The more [[Echoes|echoes]] you gather, the more your vessel will change, struggling to contain the raw energy within. <br><br> [[File:REAVE Devlog 19.00 04 48 39.Still006.jpg|250px|thumb|right]]To extract f..." wikitext text/x-wiki [[File:REAVE Devlog 19.00 03 46 50.Still002.jpg|250px|thumb|right]]As you collect [[Echoes|echoes]], they are stored within your vessel, ready to be accessed at any time. Hold X to open your [[Quick Slots|quick access menu]] and view your vessel’s contents. <br><br> The more [[Echoes|echoes]] you gather, the more your vessel will change, struggling to contain the raw energy within. <br><br> [[File:REAVE Devlog 19.00 04 48 39.Still006.jpg|250px|thumb|right]]To extract from [[The Fallen Bastion|the Fallen Bastion]], summon a boss, or unlock rare loot rooms, you’ll need to use your vessel to unlock these secrets — at the cost of some of your precious [[Echoes|echoes]]. Choose wisely. 156d249625626266f8c3f786711767a3589a4430 0 341 997 885 2025-04-06T15:13:49Z Siege 584755 wikitext text/x-wiki [[File:Reave_echo_ingame_noglow.png|frameless|150px|right]] Every soul you strike down in [[The Fallen Bastion|the Fallen Bastion]] leaves behind a trace — a flickering echo, pulsing in the dark. These mysterious orbs are more than remnants… they are your way out. <br><br> [[File:P2 Echoes EnemyKill.png|frameless|right]] The stronger the enemy, the more echoes it leaves behind. Challenge breeds reward, but danger grows with every step deeper into the abyss. <br><br> To claim an echo, you must strike it — a [[Weapons|weapon]]’s touch or a crushing grip will bind it to your [[Vessel|vessel]], storing it automatically. Collect enough, and you may just live to see the surface again. <br><br> [[File:P2 Echoes Collection.png|frameless|right]] Collect echoes before time runs out to open a portal — a fleeting doorway back to the [[Social Space|social space]]. It’s the only safe extraction… unless you dare to face the boss. Win, and every [[Treasure|treasure]], [[Weapons|weapon]], and scrap of [[Armor|armor]] you’ve found goes with you. Fail, and you lose it all to the dark. <br><br> Your [[Vessel|vessel]], found in [[Quick Slots|the quick menu]], shifts and evolves as echoes fill it. Reach 180 to extract. Spend 60 to open loot rooms — or to summon a powerful boss guarding the rarest rewards. And if you find strange rocky growths deep in [[The Fallen Bastion|the Fallen Bastion]]… shatter them. Some echoes are trapped inside, waiting to be freed. <br><br> <gallery> Reave_EchoSocket.jpg|The loot room REAVE_Devlog_19.00_03_46_50.Still002.jpg|The vessel REAVE_Devlog_19.00_04_48_39.Still006.jpg|Using a vessel REAVE_Devlog_19.00_05_43_11.Still008.jpg|Summoning a boss REAVE_Devlog_19.00_06_42_02.Still010.jpg|Rocky growths </gallery> f54f5cd29ea374869b1c013a9f076a6a28ad3a3c 0 514 999 2025-04-06T15:22:25Z Siege 584755 Created page with "To escape [[The Fallen Bastion|the Fallen Bastion]] with your spoils, you’ll need to collect at least 180 [[Echoes|echoes]] in your [[Vessel|vessel]]. Find the extraction point and use your [[Vessel|vessel]] to unlock the portal home. <br><br> But beware — the clock is always ticking. You have 20 minutes to make your move. Fail to escape in time, and [[The Fallen Bastion|the Fallen Bastion]] will claim everything… including you." wikitext text/x-wiki To escape [[The Fallen Bastion|the Fallen Bastion]] with your spoils, you’ll need to collect at least 180 [[Echoes|echoes]] in your [[Vessel|vessel]]. Find the extraction point and use your [[Vessel|vessel]] to unlock the portal home. <br><br> But beware — the clock is always ticking. You have 20 minutes to make your move. Fail to escape in time, and [[The Fallen Bastion|the Fallen Bastion]] will claim everything… including you. 86fe58dd82a23cb5ce526f70079566d5a4588bf4 0 515 1000 2025-04-06T15:33:07Z Siege 584755 Created page with "Manage your equipment in [[The Tent|the tent]] within [[Social Space|the social space]], where you can prepare the perfect loadout before heading into danger. <br><br> Inside [[The Fallen Bastion|the Fallen Bastion]], you’re not locked in — [[Loot Chests|loot chests]] let you swap gear on the fly, adjusting to whatever the depths throw your way. <br><br> You’ll also have access to 3 [[Quick Slots|quick slots]] by holding X, perfect for adapting in the heat of battl..." wikitext text/x-wiki Manage your equipment in [[The Tent|the tent]] within [[Social Space|the social space]], where you can prepare the perfect loadout before heading into danger. <br><br> Inside [[The Fallen Bastion|the Fallen Bastion]], you’re not locked in — [[Loot Chests|loot chests]] let you swap gear on the fly, adjusting to whatever the depths throw your way. <br><br> You’ll also have access to 3 [[Quick Slots|quick slots]] by holding X, perfect for adapting in the heat of battle. <br><br> Stay flexible. Stay alive. 74b39a5705268cf0b3a107f126d0bf582084fe02 0 516 1001 2025-04-07T13:11:46Z MattN 585119 Created page with "'''This release has two big focuses, a big step forward for [[Echoes]], and a some major changes to the map. Along with these focuses, we’ve got a variety of bug fixes, balances, and other improvements!''' <br><br> == Echoes == As before, “[[Echoes]]” (not necessarily the final name) are what you collect as you kill the enemies within the raid. You then use a number of them in order to extract, returning safely to the surface. In this update, Echoes have been ove..." wikitext text/x-wiki '''This release has two big focuses, a big step forward for [[Echoes]], and a some major changes to the map. Along with these focuses, we’ve got a variety of bug fixes, balances, and other improvements!''' <br><br> == Echoes == As before, “[[Echoes]]” (not necessarily the final name) are what you collect as you kill the enemies within the raid. You then use a number of them in order to extract, returning safely to the surface. In this update, Echoes have been overhauled with new visuals and effects, and can be spent on more than just extraction. For instance, certain areas of the map can only be accessed by spending Echoes. This means you may have access to better loot, but you’ll need to get more Echoes overall in order to extract. Every player now has a “[[Vessel]]”, which they carry around, which can be used to interact with these spending points. <br><br> == Map Changes == We’ve reduced the size of the map, to increase the odds of players bumping into each other, and make it easier to hone in on the boss. The boss room will now always be found in the center of the map, meaning all players will have fair odds at getting to it first. This smaller map is made up of some of our favorite parts of the old map, as well as a brand new center section -as a whole we now call this dungeon [[The Fallen Bastion]]. You can expect improvements over time to the whole map, but we hope this new section gives you an idea of the direction we’re heading! <br><br> == Boss Changes == In relation to both echoes and the map changes, bosses no longer spawn at the start of the raid. Rather, it must be summoned by sacrificing a number of echoes. A pedestal can be found in the center of the map, you can spend your echoes by placing your vessel in it. Get ready though, a challenge awaits! Killing the boss results in a number of high value chests being dropped. The “boss” is still an area we need to explore further, but hopefully this gives a good idea of the direction we’re going! <br><br> == New Content == * New center area of the map * Players now have a ‘vessel’ containing the echoes they collect ** This can be accessed in your consumable access (hold X) * There are now sockets in walls where you can spend echoes ** Spend echoes by holding your vessel against it ** Some portcullises require echoes to be spent in order to be opened * A summoning pedestal in the center of the map allows for echoes to be spent to summon a boss * New skill in fighter tree (replacing the ‘Shield proficiency’ skill which did nothing) ** Soul Shield: Gain 0.05 armor per Echo == Changes == * Updated map ** Now smaller, reusing some areas of the old map, and with a brand new center area ** New spawn points ** Players now only spawn in corner tiles ** Adjustments to enemy density and positions ** The center area can only be accessed through portcullises that require spending Echoes * Echoes have a new appearance, new VFX, and new sounds * When an enemy drops multiple Echoes, they now appear as a single orb * Echo count shown on status UI now shows with an icon instead of “Echoes:” * Extract points now have new visuals, and require the vessel to be used to interact with * The positioning of docks within the quick access menu has been adjusted * Updated visuals for the bomb * A new “tailor” merchant exists in the main menu * Eating/drinking now occurs by holding an item near your mouth, without the need of letting go * Being exhausted now reduces the amount of damage done * New secondary stat called “Attack” ** Increases a small amount per STRENGTH ** Multiplies damage dealt from attacks * Bosses no longer spawn by default * Bosses can be summoned by spending echoes in the map’s center pedestal ** Killing the boss spawns a number of loot chests with better loot than the rest of the area == Fixes == * Echoes are now collected immediately when grabbed * Hitting your own shield no longer consumes stamina * Fixed issue causing “double stamina loss” when blocking * Fixed issue causing arrows to hurt players through shields * You can now pick up consumables (e.g. potions) that other players have taken out of their consumable access * Removed ‘double jump’ from rogue boots, as they caused nightmare issues when combined with the skill tree item * Fixed hand jank while dashing or jumping == Data Dump! == === Creature Echo Drop Changes === * Skeleton Fodder ** EchoesDropped: 1 -> 8 * Skeleton Swordsman ** EchoesDropped: 1 -> 18 * Skeleton Swordsman (Left Handed) ** EchoesDropped: 1 -> 18 * Skeleton Archer ** EchoesDropped: 1 -> 15 * Skeleton Bruiser ** EchoesDropped: 3 -> 30 * Spider Nest ** EchoesDropped: 3 -> 12 * Brood Spider (Boss) ** EchoesDropped: 10 -> 100 === Item Changes === * '''Shield''' ** Icon: Changed ** BlockStrength: Min: 900, Max: 0 -> Min: 900, Max: 1200 * '''Long Sword''' ** Description: Updated ** Icon: Changed ** PrimaryStat: 25 -> 15 ** Damage: Min: 25, Max: 50 -> Min: 15, Max: 50 ** BlockStrength: Min: 100, Max: 200 -> Min: 50, Max: 200 * '''Rogue Boots''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.1, Max: 0.25 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: -5 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.05, Max: 0.2 ** Armor: Min: 10, Max: 0 -> Min: 4, Max: 9 * '''Rogue Pants''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.05, Max: 0.15 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: -5 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.1, Max: 0.2 ** Armor: Min: 10, Max: 0 -> Min: 6, Max: 11 * '''Rogue Bracers''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.05, Max: 0.1 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: -5 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.1, Max: 0.25 ** Armor: Min: 10, Max: 0 -> Min: 4, Max: 9 * '''Padded Tunic''' ** Name: Padded tunic -> Padded Tunic ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.05, Max: 0.15 ** Armor: Min: 10, Max: 0 -> Min: 7, Max: 11 * '''Rogue Shirt''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.05, Max: 0.1 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: -5 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.1, Max: 0.25 ** Armor: Min: 10, Max: 0 -> Min: 6, Max: 11 * '''Reinforced Boots''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0, Max: 0.1 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.05, Max: 0.1 ** Armor: Min: 10, Max: 0 -> Min: 9, Max: 13 * '''Rogue Hood''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.05, Max: 0.1 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.05, Max: 0.15 ** Armor: Min: 10, Max: 0 -> Min: 5, Max: 10 * '''Skullcap Chainmail Coif''' ** Name: Reinforced Coif -> Skullcap Chainmail Coif ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.1, Max: -0.05 ** HealthRegen: Min: 0, Max: 0 -> Min: 0, Max: 0.1 ** EffectResistance: Min: 0, Max: 0 -> Min: 10, Max: 30 ** Armor: Min: 10, Max: 0 -> Min: 14, Max: 20 * '''Old Shoes''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0, Max: 0.2 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: 0 ** HealthRegen: Min: 0, Max: 0 -> Min: 0, Max: 0.2 ** EffectResistance: Min: 0, Max: 0 -> Min: -20, Max: -10 ** Armor: Min: 10, Max: 0 -> Min: 5, Max: 10 * '''Padded Trousers''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.05, Max: 0.15 ** Armor: Min: 10, Max: 0 -> Min: 6, Max: 10 * '''Bronze Cuff''' ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0, Max: 0.05 ** ExtraHealth: Min: 0, Max: 0 -> Min: 0, Max: 10 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.05, Max: 0.1 ** EffectResistance: Min: 0, Max: 0 -> Min: 0, Max: 10 ** Armor: Min: 10, Max: 0 -> Min: 5, Max: 10 * '''Chainmail Frock''' ** Name: Chain Mail -> Chainmail Frock ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.1, Max: -0.05 ** EffectResistance: Min: 0, Max: 0 -> Min: 10, Max: 30 ** Armor: Min: 10, Max: 0 -> Min: 15, Max: 21 * '''Light Chainmail Coif''' ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.05, Max: 0 ** HealthRegen: Min: 0, Max: 0 -> Min: 0, Max: 0.05 ** Armor: Min: 10, Max: 0 -> Min: 14, Max: 20 * '''Cloth Trousers''' ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.1, Max: 0.2 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: 0 ** HealthRegen: Min: 0, Max: 0 -> Min: 0, Max: 0.1 ** Armor: Min: 10, Max: 0 -> Min: 6, Max: 10 * '''Metal Chestplate''' ** Name: Iron Chestplate -> Metal Chestplate ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.2, Max: -0.1 ** ExtraHealth: Min: 0, Max: 0 -> Min: 10, Max: 30 ** EffectResistance: Min: 0, Max: 0 -> Min: 50, Max: 100 ** Armor: Min: 10, Max: 0 -> Min: 21, Max: 31 * '''Doublet''' ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.1, Max: 0.2 ** ExtraHealth: Min: 0, Max: 0 -> Min: -5, Max: 0 ** HealthRegen: Min: 0, Max: 0 -> Min: 0, Max: 0.1 ** Armor: Min: 10, Max: 0 -> Min: 7, Max: 11 * '''Heavy Barbute Helmet''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.15, Max: -0.1 ** ExtraHealth: Min: 0, Max: 0 -> Min: 0, Max: 10 ** EffectResistance: Min: 0, Max: 0 -> Min: 30, Max: 70 ** Armor: Min: 10, Max: 0 -> Min: 20, Max: 30 * '''Metal Bracers''' ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.05, Max: 0 ** ExtraHealth: Min: 0, Max: 0 -> Min: 0, Max: 10 ** Armor: Min: 10, Max: 0 -> Min: 13, Max: 18 ** EffectResistance: Min: 0, Max: 0 -> Min: 10, Max: 30 * '''Thick Leather Armor (formerly Heavy Leather Armor)''' ** Name: Heavy Leather Armor -> Thick Leather Armor ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.1, Max: -0.05 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.2, Max: 0.4 ** EffectResistance: Min: 20, Max: 100 -> Min: 0, Max: 10 ** Armor: Min: 10, Max: 50 -> Min: 12, Max: 16 * '''Padded Chainmail Coif (formerly Heavy Coif Chain Mail)''' ** Name: Heavy Coif Chain Mail -> Padded Chainmail Coif ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.15, Max: -0.05 ** ExtraHealth: Min: 5, Max: 20 -> Min: 0, Max: 0 ** EffectResistance: Min: 0, Max: 0 -> Min: 10, Max: 30 ** Armor: Min: 30, Max: 100 -> Min: 15, Max: 21 * '''Thick Leather Leggings (formerly Heavy Leather Leggings)''' ** Name: Heavy Leather Leggings -> Thick Leather Leggings ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.1, Max: -0.05 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.2, Max: 0.4 ** EffectResistance: Min: 10, Max: 50 -> Min: 0, Max: 10 ** Armor: Min: 10, Max: 30 -> Min: 12, Max: 16 * '''Thick Leather Boots (formerly Heavy Leather Boots)''' ** Name: Heavy Leather Boots -> Thick Leather Boots ** Icon: Changed ** MovementSpeed: Min: 0.05, Max: 0.15 -> Min: -0.05, Max: 0 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.1, Max: 0.3 ** EffectResistance: Min: 10, Max: 50 -> Min: 0, Max: 10 ** Armor: Min: 5, Max: 20 -> Min: 10, Max: 14 * '''Heavy Plate Armor''' ** Icon: Changed ** BuyValue: 10 -> 500 ** SellValue: 10 -> 400 * '''Plate Boots (formerly Heavy Boots)''' ** Name: Heavy Boots -> Plate Boots ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0.1 -> Min: -0.1, Max: -0.05 ** EffectResistance: Min: 0, Max: 0 -> Min: 20, Max: 60 ** Armor: Min: 20, Max: 50 -> Min: 19, Max: 29 * '''Light Chestplate''' ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: -0.1, Max: -0.05 ** EffectResistance: Min: 0, Max: 0 -> Min: 30, Max: 70 ** Armor: Min: 10, Max: 0 -> Min: 21, Max: 31 * '''Plate Armor Leggings (formerly Heavy plate armor leggings)''' ** Name: Heavy plate armor leggings -> Plate Armor Leggings ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: -0.1, Max: -0.1 -> Min: -0.2, Max: -0.1 ** ExtraHealth: Min: 0, Max: 0 -> Min: 5, Max: 20 ** EffectResistance: Min: 0, Max: 0 -> Min: 20, Max: 60 ** Armor: Min: 50, Max: 200 -> Min: 20, Max: 30 * '''Leather Cap''' ** Icon: Changed ** EffectResistance: Min: 10, Max: 20 -> Min: 0, Max: 10 ** Armor: Min: 10, Max: 20 -> Min: 10, Max: 14 * '''Crossbow Bolt Bundle - Large''' ** Description: Updated ** Icon: Changed * '''Crossbow Bolt Bundle - Medium''' ** Description: Updated ** Icon: Changed * '''Hunter Hat''' ** Description: Updated ** Icon: Changed ** MovementSpeed: Min: 0, Max: 0 -> Min: 0.15, Max: 0.25 ** ExtraHealth: Min: 0, Max: 0 -> Min: -20, Max: -5 ** HealthRegen: Min: 0, Max: 0 -> Min: 0.15, Max: 0.35 ** EffectResistance: Min: 0, Max: 0 -> Min: -30, Max: -20 ** Armor: Min: 10, Max: 0 -> Min: 5, Max: 15 * '''Leather Leggings''' ** Icon: Changed ** HealthRegen: Min: 0.1, Max: 0.2 -> Min: 0.1, Max: 0.3 ** EffectResistance: Min: 20, Max: 50 -> Min: 0, Max: 10 ** Armor: Min: 20, Max: 50 -> Min: 10, Max: 14 * '''Dagger''' ** Icon: Changed ** PrimaryStat: 15 -> 12 ** PrimaryStat: 15 -> 12 ** Damage: Min: 15, Max: 30 -> Min: 12, Max: 45 ** ChargeTime: 0.5 -> 0.2 ** BlockStrength: Min: 50, Max: 100 -> Min: 30, Max: 50 ** ArmorPenetration: Min: 0.5, Max: 0.6 -> Min: 0.4, Max: 0.8 * '''Leather Armor''' ** Icon: Changed ** HealthRegen: Min: 0.1, Max: 0.2 -> Min: 0.1, Max: 0.3 ** EffectResistance: Min: 10, Max: 20 -> Min: 0, Max: 10 ** Armor: Min: 10, Max: 30 -> Min: 11, Max: 15 * '''Crossbow Bolt Bundle - Small''' ** Description: Updated ** Icon: Changed * '''Leather Gloves''' ** Icon: Changed ** EffectResistance: Min: 10, Max: 20 -> Min: 0, Max: 5 ** Armor: Min: 10, Max: 20 -> Min: 9, Max: 13 * '''Short Sword''' ** Description: Updated ** Icon: Changed ** PrimaryStat: 20 -> 14 ** PrimaryStat: 20 -> 14 ** Damage: Min: 20, Max: 40 -> Min: 14, Max: 70 [[Category:Changelist]] 19f42b6356a7b21aa27714840b4f0c2daea82071 14 381 1002 760 2025-04-07T13:12:10Z MattN 585119 wikitext text/x-wiki Behold, all changelists in Reave: [[February 2025 Changelist]]<br> [[March 2025 Changelist]] <br> [[April 2025 Changelist]] f024e50cebcf584223449bb82f4dc13158fb1f8f 0 352 1003 796 2025-04-07T13:15:54Z Siege 584755 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Fodder <center> |image=SkeleFodder.jpg |Race=Skeleton |Weapon=Unarmed |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=8 }} The [[Skeleton Fodder]] is a variant of the [[Skeleton]] race of enemies within Reave, it is the most plentiful in the dungeons and is smaller and weaker than others of the same race. == Combat == The [[Skeleton Fodder]] attacks with weak but purposeful strikes with its clawed hands. * Side Strike * Double Slash Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 30de66ab1b6f1e5809df3171fce5032104191363 0 328 1004 770 2025-04-07T13:16:19Z Siege 584755 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman |image=SkeleSword.jpg |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=18 }} The [[Skeleton Swordsman]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Swordsman]] attacks with lethal strikes with its sword. * Sword Slash * Sword Stab Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. * [[The Study]] * [[Storage Halls]] * [[Rocky Chapel]] * [[The Forge]] * [[The Crypt]] [[Category:Enemies]] 73fa93740b77ca2f738e34c7ff85ebe6a3236949 0 349 1005 797 2025-04-07T13:16:36Z Siege 584755 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Swordsman<br>(Left Handed) <center> |image=SkeleSwordLeft.jpg |Race=Skeleton |Weapon=Sword |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=18 }} The [[Skeleton Swordsman (Left Handed)]] is a variant of the [[Skeleton]] race of enemies within Reave, it is noticeable due to its pinkish purple eyes. == Combat == The [[Skeleton Swordsman (Left Handed)]] attacks with speed and precition. Employing swift strikes with its sword and jumping back to avoid any counter attacks. * Sword Slash * Sword Stab * Jump Dodge Are both methods this skeleton will choose to attack and dodge players. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] ce12709b7c989a7f5bbd4bb051da408817799f11 0 350 1006 803 2025-04-07T13:17:29Z Siege 584755 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Archer <center> |image=SkeleArcher.jpg |Race=Skeleton |Weapon=Bow & Arrow |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=15 }} The [[Skeleton Archer]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Archer]] attacks from range with a simple bow and quiver of arrows. It can also throw out a Bolas and root players in place. * Arrow Shot * Bolas Throw Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] b3df83a0f35e5a1db8528a10098502bbba7db653 0 351 1007 782 2025-04-07T13:17:47Z Siege 584755 wikitext text/x-wiki {{Enemy_Infobox |title=Skeleton Bruiser <center> |image=SkeleBruiser.jpg |Race=Skeleton |Weapon=Club |Attack=Unkown |HP=Unkown |Health=Unkown |Echoes Dropped=30 }} The [[Skeleton Bruiser]] is a variant of the [[Skeleton]] race of enemies within Reave. == Combat == The [[Skeleton Bruiser]] is a heavy weapon wielding foe that can do immense damage with its club if players are not careful. A number of its attacks are [[Unblockable]] and players must dodge or jump to avoid them. * Swing * Overhead Slam * Multi-Swing Are both methods this skeleton will choose to attack. == Echoes == All enemies in Reave drop [[Echoes]] upon death, which can then be collected and utilized. See [[Echoes]] for more information. == Areas == The Skeleton Swordsman can be found in the following areas of the dungeon. [[Category:Enemies]] 3ec2e514ec7d7d9ce4a33d23ca5366e529c366d2 0 301 1008 962 2025-04-07T13:19:06Z Siege 584755 /* Shields: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 25 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900-1200 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 0490475212fce8dea1a9cc85a2d7080d18fbf6b8 1010 1008 2025-04-07T13:20:33Z Siege 584755 /* Long Swords: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 15-50 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Med || || Pew pew. |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900-1200 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> aadf71f91766ae59f7369b24d811046dabeea62e 1014 1010 2025-04-07T14:43:02Z Siege 584755 /* Crossbows: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 15 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 15-50 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Medium || || Pew pew. |- | || Crossbow Bolt Bundle - Large || || |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900-1200 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> a61c6c1f58301392c4135761483616e64e28e509 1015 1014 2025-04-07T14:48:42Z Siege 584755 /* Daggers: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 12 - 45 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 15-50 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Medium || || Pew pew. |- | || Crossbow Bolt Bundle - Large || || |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900-1200 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 16de533bd6951cb9df433a047b81def964ce8b9a 1016 1015 2025-04-07T14:49:35Z Siege 584755 /* Crossbows: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 12 - 45 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 20 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 15-50 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | || Crossbow Bolt Bundle - Small || || |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Medium || || Pew pew. |- | || Crossbow Bolt Bundle - Large || || |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900-1200 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 31e25bf1c0b96269e9cb3c38d4f2a5a09e5fc545 1018 1016 2025-04-07T14:54:26Z Siege 584755 /* Short Swords: */ wikitext text/x-wiki Steel speaks louder than words in the depths — and every adventurer needs a blade they can trust. Within the [[Social Space|social grounds]], certain [[Merchants|merchants]] offer weapons for coin… but not all deals come easy. <br><br> These armaments are of Common rarity, forged with standardized stats — reliable, but far from Legendary. Some [[Merchants|merchants]] may demand proof of your worth before parting with their wares. Complete their tasks, earn their trust, and new stock may appear behind the curtain. <br><br> But the true prizes lie below. <br><br> Weapons scavenged from the depths carry randomized stats and rarities, twisted by the shadows they were found in. All of them tell a story — if you live long enough to wield them. <br><br> == Daggers: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Dagger.jpg|50px|thumb|center]] || [[Quillon|Quillon]] || 12 - 45 || Short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. |} <small>Click a weapon name to see more information.</small> <br><br> == Short Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:xiphos.png|50px|thumb|center]] || [[Short Sword|Xiphos]] || 14 - 70 || A Xiphos. |} <small>Click a weapon name to see more information.</small> <br><br> == Long Swords: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Sword-CommonAlpha.png|50px|thumb|center]] || [[Long Sword|Long Sword]] || 15-50 || The ultimate in weaponry technology. |- | [[File:Sword-VeryRare.png|50px|thumb|center]] || [[OBS Heavy Sword|OBS Heavy Sword]] || 26 || |} <small>Click a weapon name to see more information.</small> <br><br> == Crossbows: == {| class="wikitable sortable" |- ! Icon !! Name !! Base Attack !! Description |- | [[File:Crossbow - Large.png|50px|thumb|center]] || [[Crossbow|Crossbow]] || 25 || A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. |- | || Crossbow Bolt Bundle - Small || || |- | [[File:CrossbowBolts-Alpha.png|50px|thumb|center]] || Crossbow Bolt Bundle - Medium || || Pew pew. |- | || Crossbow Bolt Bundle - Large || || |} <small>Click a weapon name to see more information.</small> <br><br> == Shields: == {| class="wikitable sortable" |- ! Icon !! Name !! Block !! Description |- | [[File:ShieldAlpha.png|50px|thumb|center]] || [[Shield|Shield]] || 900-1200 || |} <small>Click a shield name to see more information.</small> <br><br> == Lights: == {| class="wikitable sortable" |- ! Icon !! Name !! Description |- | [[File:TorchAlpha.png|50px|thumb|center]] || [[Torch|Torch]] || |} <small>Click a light name to see more information.</small> 840ce9e0030ac4335384317bd6217b0c565b8d61 0 362 1009 952 2025-04-07T13:19:39Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Shield |image=ShieldAlpha.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Block=900-1200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} <br><br> This shield can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>Shields and [[Weapons]] found during raids will have randomized rarities and stats. 5ef9417e55afdbe8e32b074a2dfc479abf803d17 0 282 1011 965 2025-04-07T13:33:22Z Siege 584755 /* Boots */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Reinforced Coif]] || 250g || || 10 || || || || |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 10 || || || || |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 10 || || || || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chain Mail]] || 300g || 150g || 10 || || || || |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Chestplate.png|50px|thumb|center]] || [[Iron Chestplate]] || 500g || || 10 || || || || |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || || || || || |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 10 || || || || |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |} 36e8fed71f18d6af88715e3d55d8742a9cf04df6 1012 1011 2025-04-07T14:19:26Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Skullcap Chainmail Coif]] || 250g || || 14 - 20 || 0 - 0.1 || || 10 - 30 || -0.1 - -0.05 |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Heavy Coif Chain Mail]] || 300g || || 30 || || 5 || || |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 14 - 20 || 0 - 0.05 || || || -0.05 - 0 |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 20 - 30 || || 0 - 10 || 30 - 70 || -0.15 - -0.1 |- | [[File:Uni_Med_RogueHood_A001_Icon.png|50px|thumb|center]] || [[Rogue Hood]] || || || 5 - 10 || 0.05 - 0.15 || || || 0.05 - 0.1 |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Heavy Leather Armor]] || 200g || || 10 || || || 20 || |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chainmail Frock]] || 300g || 150g || 15 - 21 || || || 10 - 30 || -0.1 - -0.05 |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 10 || || || || |- | [[File:Chestplate.png|50px|thumb|center]] || [[Metal Chestplate]] || 500g || || 21 - 31 || || 10 - 30 || 50 - 100 || -0.2 - -0.1 |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 10g || || 100 || || || || -0.1 |- | [[File:Padded-Tunic.png|50px|thumb|center]] || [[Padded Tunic]] || || || 7 - 11 || || || || 0.05 - 0.15 |- | [[File:Uni_Med_RogueShrt_A001_Icon.png|50px|thumb|center]] || [[Rogue Shirt]] || || || 6 - 11 || 0.1 - 0.25 || -5 || || 0.05 - 0.1 |- | || [[Doublet]] || || || 7 - 11 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 10 || || || || |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || || || || || |- | [[File:Uni_Med_RogueBracers_A001_Icon.png|50px|thumb|center]] || [[Rogue Bracers]] || || || 4 - 9 || 0.1 - 0.25 || -5 || || 0.05 - 0.15 |- | [[File:Bronze-Cuff.png|50px|thumb|center]] || [[Bronze Cuff]] || || || 5 - 10 || 0.05 - 0.1 || 0 - 10 || 0 - 10 || 0 - 0.05 |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Heavy Leather Leggings]] || 250g || || 10 || || || 10 || |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Heavy Plate Armor Leggings]] || 600g || 300g || 50 || || || || -0.1 |- | [[File:Uni_Med_RoguePnts_A001_Icon.png|50px|thumb|center]] || [[Rogue Pants]] || || || 6 - 11 || 0.1 - 0.2 || -5 || || 0.05 - 0.15 |- | || [[Padded Trousers]] || || || 6 - 10 || || || || 0.05 - 0.15 |- | [[File:Cloth-Pants.png|50px|thumb|center]] || [[Cloth Trousers]] || || || 6 - 10 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 9 - 13 || 0.05 - 0.1 || 0.05 - 0.1 || || 0 - 0.1 |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Heavy Leather Boots]] || 250g || || 5 || || || 10 || 0.05 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Heavy Boots]] || 600g || 300g || 20 || || 5 || || |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |- | || [[Old Shoes]] || || || 5 - 10 || 0 - 0.2 || -5 - 0 || -20 - -10 || 0 - 0.2 |} 8eb12e61f2c4f56c352d155b17d8805535a13e07 1013 1012 2025-04-07T14:41:27Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Skullcap Chainmail Coif]] || 250g || || 14 - 20 || 0 - 0.1 || || 10 - 30 || -0.1 - -0.05 |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Padded Chainmail Coif]] || 300g || || 15 - 21 || || 0 || 10 - 30 || -0.15 0 -0.05 |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 14 - 20 || 0 - 0.05 || || || -0.05 - 0 |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 20 - 30 || || 0 - 10 || 30 - 70 || -0.15 - -0.1 |- | [[File:Uni_Med_RogueHood_A001_Icon.png|50px|thumb|center]] || [[Rogue Hood]] || || || 5 - 10 || 0.05 - 0.15 || || || 0.05 - 0.1 |- | || [[Leather Cap]] || || || 10 - 14 || || || 0 - 10 || |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 10 || 0.1 || || 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Thick Leather Armor]] || 200g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chainmail Frock]] || 300g || 150g || 15 - 21 || || || 10 - 30 || -0.1 - -0.05 |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 21 - 31 || || || 30 - 70 || -0.1 - -0.05 |- | [[File:Chestplate.png|50px|thumb|center]] || [[Metal Chestplate]] || 500g || || 21 - 31 || || 10 - 30 || 50 - 100 || -0.2 - -0.1 |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 500g || 400g || 100 || || || || -0.1 |- | [[File:Padded-Tunic.png|50px|thumb|center]] || [[Padded Tunic]] || || || 7 - 11 || || || || 0.05 - 0.15 |- | [[File:Uni_Med_RogueShrt_A001_Icon.png|50px|thumb|center]] || [[Rogue Shirt]] || || || 6 - 11 || 0.1 - 0.25 || -5 || || 0.05 - 0.1 |- | || [[Doublet]] || || || 7 - 11 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 13 - 18 || || 0 - 10 || 10 - 30 || -0.05 - 0 |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || || || || || |- | [[File:Uni_Med_RogueBracers_A001_Icon.png|50px|thumb|center]] || [[Rogue Bracers]] || || || 4 - 9 || 0.1 - 0.25 || -5 || || 0.05 - 0.15 |- | [[File:Bronze-Cuff.png|50px|thumb|center]] || [[Bronze Cuff]] || || || 5 - 10 || 0.05 - 0.1 || 0 - 10 || 0 - 10 || 0 - 0.05 |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 20 || 0.1 || || 20 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Thick Leather Leggings]] || 250g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Plate Armor Leggings]] || 600g || 300g || 20 - 30 || || 5 - 20 || 20 - 60 || -0.2 - -0.1 |- | [[File:Uni_Med_RoguePnts_A001_Icon.png|50px|thumb|center]] || [[Rogue Pants]] || || || 6 - 11 || 0.1 - 0.2 || -5 || || 0.05 - 0.15 |- | || [[Padded Trousers]] || || || 6 - 10 || || || || 0.05 - 0.15 |- | [[File:Cloth-Pants.png|50px|thumb|center]] || [[Cloth Trousers]] || || || 6 - 10 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 9 - 13 || 0.05 - 0.1 || 0.05 - 0.1 || || 0 - 0.1 |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Thick Leather Boots]] || 250g || || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || -0.05 - 0 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Plate Boots]] || 600g || 300g || 19 - 29 || || || 20 - 60 || -0.1 - -0.05 |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |- | || [[Old Shoes]] || || || 5 - 10 || 0 - 0.2 || -5 - 0 || -20 - -10 || 0 - 0.2 |} 2a3abcbd836256cdb5e8b68aed2fdfe2193d3d23 1017 1013 2025-04-07T14:52:45Z Siege 584755 wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Skullcap Chainmail Coif]] || 250g || || 14 - 20 || 0 - 0.1 || || 10 - 30 || -0.1 - -0.05 |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Padded Chainmail Coif]] || 300g || || 15 - 21 || || 0 || 10 - 30 || -0.15 0 -0.05 |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 14 - 20 || 0 - 0.05 || || || -0.05 - 0 |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 20 - 30 || || 0 - 10 || 30 - 70 || -0.15 - -0.1 |- | [[File:Uni_Med_RogueHood_A001_Icon.png|50px|thumb|center]] || [[Rogue Hood]] || || || 5 - 10 || 0.05 - 0.15 || || || 0.05 - 0.1 |- | || [[Leather Cap]] || || || 10 - 14 || || || 0 - 10 || |- | || [[Hunter Hat]] || || || 5 - 15 || 0.15 - 0.35 || -20 - -5 || -30 - -20 || 0.15 - 0.25 |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 11 - 15 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Thick Leather Armor]] || 200g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chainmail Frock]] || 300g || 150g || 15 - 21 || || || 10 - 30 || -0.1 - -0.05 |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 21 - 31 || || || 30 - 70 || -0.1 - -0.05 |- | [[File:Chestplate.png|50px|thumb|center]] || [[Metal Chestplate]] || 500g || || 21 - 31 || || 10 - 30 || 50 - 100 || -0.2 - -0.1 |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 500g || 400g || 100 || || || || -0.1 |- | [[File:Padded-Tunic.png|50px|thumb|center]] || [[Padded Tunic]] || || || 7 - 11 || || || || 0.05 - 0.15 |- | [[File:Uni_Med_RogueShrt_A001_Icon.png|50px|thumb|center]] || [[Rogue Shirt]] || || || 6 - 11 || 0.1 - 0.25 || -5 || || 0.05 - 0.1 |- | || [[Doublet]] || || || 7 - 11 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 13 - 18 || || 0 - 10 || 10 - 30 || -0.05 - 0 |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || 9 - 13 || || || 0 - 5 || |- | [[File:Uni_Med_RogueBracers_A001_Icon.png|50px|thumb|center]] || [[Rogue Bracers]] || || || 4 - 9 || 0.1 - 0.25 || -5 || || 0.05 - 0.15 |- | [[File:Bronze-Cuff.png|50px|thumb|center]] || [[Bronze Cuff]] || || || 5 - 10 || 0.05 - 0.1 || 0 - 10 || 0 - 10 || 0 - 0.05 |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Thick Leather Leggings]] || 250g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Plate Armor Leggings]] || 600g || 300g || 20 - 30 || || 5 - 20 || 20 - 60 || -0.2 - -0.1 |- | [[File:Uni_Med_RoguePnts_A001_Icon.png|50px|thumb|center]] || [[Rogue Pants]] || || || 6 - 11 || 0.1 - 0.2 || -5 || || 0.05 - 0.15 |- | || [[Padded Trousers]] || || || 6 - 10 || || || || 0.05 - 0.15 |- | [[File:Cloth-Pants.png|50px|thumb|center]] || [[Cloth Trousers]] || || || 6 - 10 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 9 - 13 || 0.05 - 0.1 || 0.05 - 0.1 || || 0 - 0.1 |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Thick Leather Boots]] || 250g || || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || -0.05 - 0 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Plate Boots]] || 600g || 300g || 19 - 29 || || || 20 - 60 || -0.1 - -0.05 |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |- | || [[Old Shoes]] || || || 5 - 10 || 0 - 0.2 || -5 - 0 || -20 - -10 || 0 - 0.2 |} 083c1d9c22d63c1d4b886f1841b8188b343b53d2 0 364 1019 931 2025-04-07T14:56:38Z Siege 584755 Siege renamed page [[Reinforced Coif]] to [[Skullcap Chainmail Coif]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Reinforced Coif |image=Reinforced-Coif.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A horned helmet. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. f447e4577dff5113238ab2942de90a73afb7166a 1035 1019 2025-04-07T15:05:36Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Skullcap Chainmail Coif |image=Reinforced-Coif.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A horned helmet. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 337625a27bf978189035599b53711d33c3ba1079 1038 1035 2025-04-07T15:58:44Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Skullcap Chainmail Coif |image=Reinforced-Coif.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A horned helmet. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. e832d6a3654fe2ea3bb7288ac0fa46b3b43576b9 0 370 1020 937 2025-04-07T14:57:26Z Siege 584755 Siege renamed page [[Chain Mail]] to [[Chainmail Frock]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Chain Mail |image=Chain-Mail.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=150g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 2b379037e61a85c8ccca38f4eab58b5dda66834b 1036 1020 2025-04-07T15:06:16Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Chainmail Frock |image=Chain-Mail.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=150g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 1d61b6bcff4e31703944269bc3c7fe205dbd930c 1048 1036 2025-04-07T16:08:08Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Chainmail Frock |image=Chain-Mail.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=150g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings sewn into a shirt. Not as protective as full plate armor, it balances decent protection with low weight. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 1872e1a018b2f593ae94be4ee4d25ebf5867d772 0 372 1021 963 2025-04-07T14:58:09Z Siege 584755 Siege renamed page [[Iron Chestplate]] to [[Metal Chestplate]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Iron Chestplate |image=Chestplate.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 552ce538947280bb7dac3b6f9c5e1acbb31b0a7d 1022 1021 2025-04-07T14:58:28Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Metal Chestplate |image=Chestplate.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 6e049f4129d6e9a7f59a91b39d7d781568c0d4a3 1050 1022 2025-04-07T16:09:19Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Metal Chestplate |image=Chestplate.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy iron plates fashioned together into a set of plate armor. Heavy and cumbersome, it offers unparalleled protection. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 6459e5ade60ef2dcdb75b3195c5f9eb25dce685c 0 369 1023 936 2025-04-07T14:59:06Z Siege 584755 Siege renamed page [[Heavy Leather Armor]] to [[Thick Leather Armor]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Heavy Leather Armor |image=Heavy-Leather-Armor.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interwoven treated leather armor that covers the body. It's thick and heavy, but should be fairly protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. f376d8a79c0858781dafe35b21bc97761f7382f0 1024 1023 2025-04-07T14:59:21Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Thick Leather Armor |image=Heavy-Leather-Armor.png |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=20 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interwoven treated leather armor that covers the body. It's thick and heavy, but should be fairly protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. c562788bcfb228936c376047a69bbdb1a221e2a3 1047 1024 2025-04-07T16:07:11Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Thick Leather Armor |image=Heavy-Leather-Armor.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interwoven treated leather armor that covers the body. It's thick and heavy, but should be fairly protective. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. c51af9f586fe6043a7b71c0aacc2ef76f7e36ced 0 365 1025 932 2025-04-07T15:00:04Z Siege 584755 Siege renamed page [[Heavy Coif Chain Mail]] to [[Padded Chainmail Coif]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Heavy Coif Chain Mail |image=Coif-Chainmail.png |Motto1= |Common_Armor=30 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings fashioned into a coif. This one had been reinforced to provide extra armor at the cost of additional weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 339dbc03203e8d39f7cf391e32651dc4d555b9a5 1026 1025 2025-04-07T15:00:23Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Padded Chainmail Coif |image=Coif-Chainmail.png |Motto1= |Common_Armor=30 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings fashioned into a coif. This one had been reinforced to provide extra armor at the cost of additional weight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 167247904260e6e4a2163876adb4d86a35fb86ff 1039 1026 2025-04-07T15:59:47Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Padded Chainmail Coif |image=Coif-Chainmail.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=300g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of interlocking iron rings fashioned into a coif. This one had been reinforced to provide extra armor at the cost of additional weight. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. ba9de1e413a1ba6680659c9b25937119ff281135 0 375 1027 947 2025-04-07T15:00:57Z Siege 584755 Siege renamed page [[Heavy Leather Leggings]] to [[Thick Leather Leggings]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Heavy Leather Leggings |image=Heavy Leather Leggings.jpg |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Pants made from thick sections of leather. Not the most comfortable, but should provide decent protection in a fight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 29fd20c9bea8dc1f20483c9e2723abe6cb084bbd 1028 1027 2025-04-07T15:01:14Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Thick Leather Leggings |image=Heavy Leather Leggings.jpg |Motto1= |Common_Armor=10 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Pants made from thick sections of leather. Not the most comfortable, but should provide decent protection in a fight. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 32f89dd042400a3bb621cc0be71ab29cc8e7d9d7 0 379 1029 950 2025-04-07T15:01:47Z Siege 584755 Siege renamed page [[Heavy Leather Boots]] to [[Thick Leather Boots]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Heavy Leather Boots |image=Heavy Leather Boots.jpg |Motto1= |Common_Armor=5 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.5 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy leather-reinforced boots. A good balance of weight and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 6a586d037680cd90b122582459429e7654b283c8 1030 1029 2025-04-07T15:02:19Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Thick Leather Boots |image=Heavy Leather Boots.jpg |Motto1= |Common_Armor=5 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=10 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0.5 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy leather-reinforced boots. A good balance of weight and protection. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 9d2106ae76fc5059182f9c001ed7d265362f5ed1 0 380 1031 949 2025-04-07T15:02:50Z Siege 584755 Siege renamed page [[Heavy Boots]] to [[Plate Boots]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Heavy Boots |image=Heavy-Boots.png |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of plate boots, loud and heavy, but very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. a3e83511153ae3689466b64eb19d12bf631989fa 1032 1031 2025-04-07T15:03:02Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Plate Boots |image=Heavy-Boots.png |Motto1= |Common_Armor=20 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=5 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=0 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of plate boots, loud and heavy, but very protective. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. e7ca00ac41eb86983fa7e35966b267c58cf0d7c2 0 377 1033 946 2025-04-07T15:03:35Z Siege 584755 Siege renamed page [[Heavy Plate Armor Leggings]] to [[Plate Armor Leggings]] without leaving a redirect wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor Leggings |image=Plate-Pants.png |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=50 |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=-0.1 |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=300g |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 5d237d9977bcd9c5da6cfc01df2e5d3268f56636 1034 1033 2025-04-07T15:03:49Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Plate Armor Leggings |image=Plate-Pants.png |Motto1= |Common_Armor=50 |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=50 |Legendary_Armor=Unknown |Common_Health Regen=0 |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=0 |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=-0.1 |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=-0.1 |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=300g |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> This [[Armor|Armor]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Armor]] found during raids will have randomized rarities and stats. 43e926f66ea8afb1fda920a87a57362743898d90 0 517 1037 2025-04-07T15:57:01Z Siege 584755 Created page with "{{Gear Template |title=Rogue Hood |image=Uni_Med_RogueHood_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unkn..." wikitext text/x-wiki {{Gear Template |title=Rogue Hood |image=Uni_Med_RogueHood_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 11a1c582385da4476101c642554fd2e2557905f2 0 366 1040 933 2025-04-07T16:00:49Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Light Chainmail Coif |image=Chainmail-Helm.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Interlocking iron rings fashioned into a headpiece. This chainmail coif has been built to be lighter weight at the cost of some protection. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 18df94d5d7c88b24b1cd8bba1a27e64d7148c199 0 309 1041 934 2025-04-07T16:01:50Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Short Sword |Motto2=<center> {{Overlaid images | frame_width = 150 | frame_height = 150 | back_filename = SkullHelm.jpg | back_height = 143 | back_rightshift = 5 | back_downshift = 5 | front_filename = Reave_Wiki_IconBorder.png | front_height = 152 | front_rightshift = 0 | front_downshift = 0 }} |Motto1= |Damage= |Armor Penetration= |Block= |Armor=Unknown |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage= |Uncommon_Damage= |Rare_Damage= |Epic_Damage= |Legendary_Damage= |Common_Buy= |Uncommon_Buy= |Rare_Buy= |Epic_Buy= |Legendary_Buy= |Common_Sell= |Uncommon_Sell=500g |Rare_Sell= |Epic_Sell= |Legendary_Sell=250g }} You heal 10% of all damage dealt. <br><br> A legendary fighter's helmet. Is said to grant the wearer life-steal on attacks. <br><br> Stats may vary when obtained in dungeons. [[File:Skull Metal Helmet - Large.png|frameless|left]] 991291232dbbd2ad2fd96c7d009fbea0dd0a8a08 0 367 1042 935 2025-04-07T16:02:42Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Barbute Helmet |image=Barbute-Helm.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy sheets of iron with narrow holes hammered out for the wearer's eyes. Heavy and very protective. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 8aeac932fb5e36d373e0447d9c1b1216d9f198e4 0 518 1043 2025-04-07T16:03:18Z Siege 584755 Created page with "{{Gear Template |title=Leather Cap |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknow..." wikitext text/x-wiki {{Gear Template |title=Leather Cap |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 90272be72c854178c7ae0a5acb419466dde0a91f 0 519 1044 2025-04-07T16:03:47Z Siege 584755 Created page with "{{Gear Template |title=Hunter Hat |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown..." wikitext text/x-wiki {{Gear Template |title=Hunter Hat |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 30fd6b513b06a7893576b73db6a5885146962642 0 431 1045 865 2025-04-07T16:05:16Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Orphan Shirt |image=Uni OrphShrt A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This is part of the starting [[Armor|Armor]] set. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. ea3c49dfde6bad1bbec8bc33ffc54885f96e4e4e 0 368 1046 941 2025-04-07T16:06:24Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Armor |image=Hun_Med_Che_HunLthr_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leather armor that covers the torso. Only a little bit more cumbersome than cloth, and works decently to protect against minor hits. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 920878628d366a4cdafb7e47920446557d40e36a 0 371 1049 938 2025-04-07T16:08:43Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Light Chestplate |image=Light-Chestplate.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=350g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A thin iron plate strapped about the torso. Not the most protective piece, but a fair bit better than leather or chainmail. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 7e0c0cea1b7f6fc9fcbc8466ca838480ef67294a 0 373 1051 940 2025-04-07T16:10:28Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Plate Armor |image=Heavy-PlateArmor.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=400g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The heaviest steel armor available. It offers best-in-class protection for anyone capable of managing the extraordinary weight. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 93b27f3bbf1a8d462d9a640f1844ad2ce128dcb6 0 520 1052 2025-04-07T16:11:05Z Siege 584755 Created page with "{{Gear Template |title=Padded Tunic |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unkno..." wikitext text/x-wiki {{Gear Template |title=Padded Tunic |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 6ad27c3025e281d02ce4bb689614409bfda03736 0 521 1053 2025-04-07T16:11:56Z Siege 584755 Created page with "{{Gear Template |title=Rogue Shirt |image=Uni_Med_RogueShrt_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unk..." wikitext text/x-wiki {{Gear Template |title=Rogue Shirt |image=Uni_Med_RogueShrt_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 787fe78ebb0371ce4a9a3e706797e0b586f0ff1c 0 522 1054 2025-04-07T16:12:26Z Siege 584755 Created page with "{{Gear Template |title=Doublet |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |U..." wikitext text/x-wiki {{Gear Template |title=Doublet |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 1d44f30c0e7f76bea42efae69b031ec559fd97c1 1057 1054 2025-04-07T16:14:45Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Doublet |image=Doublet.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 2368564af8e9965adac6eca294e22c6f746110a5 0 520 1055 1052 2025-04-07T16:13:17Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Padded Tunic |image=Padded-Tunic.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. fda2bbf6227baa040c1e1e86215e7509621c74e7 0 282 1056 1017 2025-04-07T16:14:07Z Siege 584755 /* Chest Armor */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Skullcap Chainmail Coif]] || 250g || || 14 - 20 || 0 - 0.1 || || 10 - 30 || -0.1 - -0.05 |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Padded Chainmail Coif]] || 300g || || 15 - 21 || || 0 || 10 - 30 || -0.15 0 -0.05 |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 14 - 20 || 0 - 0.05 || || || -0.05 - 0 |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 20 - 30 || || 0 - 10 || 30 - 70 || -0.15 - -0.1 |- | [[File:Uni_Med_RogueHood_A001_Icon.png|50px|thumb|center]] || [[Rogue Hood]] || || || 5 - 10 || 0.05 - 0.15 || || || 0.05 - 0.1 |- | || [[Leather Cap]] || || || 10 - 14 || || || 0 - 10 || |- | || [[Hunter Hat]] || || || 5 - 15 || 0.15 - 0.35 || -20 - -5 || -30 - -20 || 0.15 - 0.25 |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 11 - 15 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Thick Leather Armor]] || 200g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chainmail Frock]] || 300g || 150g || 15 - 21 || || || 10 - 30 || -0.1 - -0.05 |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 21 - 31 || || || 30 - 70 || -0.1 - -0.05 |- | [[File:Chestplate.png|50px|thumb|center]] || [[Metal Chestplate]] || 500g || || 21 - 31 || || 10 - 30 || 50 - 100 || -0.2 - -0.1 |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 500g || 400g || 100 || || || || -0.1 |- | [[File:Padded-Tunic.png|50px|thumb|center]] || [[Padded Tunic]] || || || 7 - 11 || || || || 0.05 - 0.15 |- | [[File:Uni_Med_RogueShrt_A001_Icon.png|50px|thumb|center]] || [[Rogue Shirt]] || || || 6 - 11 || 0.1 - 0.25 || -5 || || 0.05 - 0.1 |- | [[File:Doublet.png|50px|thumb|center]] || [[Doublet]] || || || 7 - 11 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 13 - 18 || || 0 - 10 || 10 - 30 || -0.05 - 0 |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || 9 - 13 || || || 0 - 5 || |- | [[File:Uni_Med_RogueBracers_A001_Icon.png|50px|thumb|center]] || [[Rogue Bracers]] || || || 4 - 9 || 0.1 - 0.25 || -5 || || 0.05 - 0.15 |- | [[File:Bronze-Cuff.png|50px|thumb|center]] || [[Bronze Cuff]] || || || 5 - 10 || 0.05 - 0.1 || 0 - 10 || 0 - 10 || 0 - 0.05 |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Thick Leather Leggings]] || 250g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Plate Armor Leggings]] || 600g || 300g || 20 - 30 || || 5 - 20 || 20 - 60 || -0.2 - -0.1 |- | [[File:Uni_Med_RoguePnts_A001_Icon.png|50px|thumb|center]] || [[Rogue Pants]] || || || 6 - 11 || 0.1 - 0.2 || -5 || || 0.05 - 0.15 |- | || [[Padded Trousers]] || || || 6 - 10 || || || || 0.05 - 0.15 |- | [[File:Cloth-Pants.png|50px|thumb|center]] || [[Cloth Trousers]] || || || 6 - 10 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 9 - 13 || 0.05 - 0.1 || 0.05 - 0.1 || || 0 - 0.1 |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Thick Leather Boots]] || 250g || || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || -0.05 - 0 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Plate Boots]] || 600g || 300g || 19 - 29 || || || 20 - 60 || -0.1 - -0.05 |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |- | || [[Old Shoes]] || || || 5 - 10 || 0 - 0.2 || -5 - 0 || -20 - -10 || 0 - 0.2 |} 48219b8d60f4c46ed31151756d4d954da5d95eff 1071 1056 2025-04-07T16:25:50Z Siege 584755 /* Leggings */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Skullcap Chainmail Coif]] || 250g || || 14 - 20 || 0 - 0.1 || || 10 - 30 || -0.1 - -0.05 |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Padded Chainmail Coif]] || 300g || || 15 - 21 || || 0 || 10 - 30 || -0.15 0 -0.05 |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 14 - 20 || 0 - 0.05 || || || -0.05 - 0 |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 20 - 30 || || 0 - 10 || 30 - 70 || -0.15 - -0.1 |- | [[File:Uni_Med_RogueHood_A001_Icon.png|50px|thumb|center]] || [[Rogue Hood]] || || || 5 - 10 || 0.05 - 0.15 || || || 0.05 - 0.1 |- | || [[Leather Cap]] || || || 10 - 14 || || || 0 - 10 || |- | || [[Hunter Hat]] || || || 5 - 15 || 0.15 - 0.35 || -20 - -5 || -30 - -20 || 0.15 - 0.25 |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 11 - 15 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Thick Leather Armor]] || 200g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chainmail Frock]] || 300g || 150g || 15 - 21 || || || 10 - 30 || -0.1 - -0.05 |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 21 - 31 || || || 30 - 70 || -0.1 - -0.05 |- | [[File:Chestplate.png|50px|thumb|center]] || [[Metal Chestplate]] || 500g || || 21 - 31 || || 10 - 30 || 50 - 100 || -0.2 - -0.1 |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 500g || 400g || 100 || || || || -0.1 |- | [[File:Padded-Tunic.png|50px|thumb|center]] || [[Padded Tunic]] || || || 7 - 11 || || || || 0.05 - 0.15 |- | [[File:Uni_Med_RogueShrt_A001_Icon.png|50px|thumb|center]] || [[Rogue Shirt]] || || || 6 - 11 || 0.1 - 0.25 || -5 || || 0.05 - 0.1 |- | [[File:Doublet.png|50px|thumb|center]] || [[Doublet]] || || || 7 - 11 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 13 - 18 || || 0 - 10 || 10 - 30 || -0.05 - 0 |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || 9 - 13 || || || 0 - 5 || |- | [[File:Uni_Med_RogueBracers_A001_Icon.png|50px|thumb|center]] || [[Rogue Bracers]] || || || 4 - 9 || 0.1 - 0.25 || -5 || || 0.05 - 0.15 |- | [[File:Bronze-Cuff.png|50px|thumb|center]] || [[Bronze Cuff]] || || || 5 - 10 || 0.05 - 0.1 || 0 - 10 || 0 - 10 || 0 - 0.05 |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Thick Leather Leggings]] || 250g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Plate Armor Leggings]] || 600g || 300g || 20 - 30 || || 5 - 20 || 20 - 60 || -0.2 - -0.1 |- | [[File:Uni_Med_RoguePnts_A001_Icon.png|50px|thumb|center]] || [[Rogue Pants]] || || || 6 - 11 || 0.1 - 0.2 || -5 || || 0.05 - 0.15 |- | [[File:Padded-Leggings.png|50px|thumb|center]] || [[Padded Trousers]] || || || 6 - 10 || || || || 0.05 - 0.15 |- | [[File:Cloth-Pants.png|50px|thumb|center]] || [[Cloth Trousers]] || || || 6 - 10 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 9 - 13 || 0.05 - 0.1 || 0.05 - 0.1 || || 0 - 0.1 |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Thick Leather Boots]] || 250g || || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || -0.05 - 0 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Plate Boots]] || 600g || 300g || 19 - 29 || || || 20 - 60 || -0.1 - -0.05 |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |- | || [[Old Shoes]] || || || 5 - 10 || 0 - 0.2 || -5 - 0 || -20 - -10 || 0 - 0.2 |} 6172be3106f5b5a3441abbd60e18ab7a28b00426 1083 1071 2025-04-07T17:06:01Z Siege 584755 /* Helms */ wikitext text/x-wiki The darkness does not fight fair. Arrows, blades, clubs and more — all tear through the unprepared. Armor is more than protection… it’s survival stitched into steel and hide. <br><br> Common sets can be purchased from select [[Merchants|merchants]] in the [[Social Space|social space]] — basic defense for those just beginning their descent. But like [[Weapons|weapons]], the finest pieces won’t be bought. They must be earned, looted from well-protected chests. <br><br> Armor scavenged in [[The Fallen Bastion|the Fallen Bastion]] comes with randomized stats and rarities. <br><br> Choose carefully. The deeper you go, the more every scratch and stitch matters. <br><br> == Helms == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Reinforced-Coif.png|50px|thumb|center]] || [[Skullcap Chainmail Coif]] || 250g || || 14 - 20 || 0 - 0.1 || || 10 - 30 || -0.1 - -0.05 |- | [[File:Coif-Chainmail.png|50px|thumb|center]] || [[Padded Chainmail Coif]] || 300g || || 15 - 21 || || 0 || 10 - 30 || -0.15 - -0.05 |- | [[File:Chainmail-Helm.png|50px|thumb|center]] || [[Light Chainmail Coif]] || 500g || || 14 - 20 || 0 - 0.05 || || || -0.05 - 0 |- | [[File:Skull-Helmet.png|50px|thumb|center]] || [[Skull_Metal_Helmet|Skull Metal Helmet]] || 500g || || 20 || || || || |- | [[File:Barbute-Helm.png|50px|thumb|center]] || [[Heavy Barbute Helmet]] || 600g || || 20 - 30 || || 0 - 10 || 30 - 70 || -0.15 - -0.1 |- | [[File:Uni_Med_RogueHood_A001_Icon.png|50px|thumb|center]] || [[Rogue Hood]] || || || 5 - 10 || 0.05 - 0.15 || || || 0.05 - 0.1 |- | || [[Leather Cap]] || || || 10 - 14 || || || 0 - 10 || |- | || [[Hunter Hat]] || || || 5 - 15 || 0.15 - 0.35 || -20 - -5 || -30 - -20 || 0.15 - 0.25 |} <br> == Chest Armor == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni OrphShrt A001 Icon.png|50px|thumb|center]] || [[Orphan Shirt]] || || || || || || || |- | [[File:Hun_Med_Che_HunLthr_A001_Icon.png|50px|thumb|center]] || [[Leather Armor]] || 200g || || 11 - 15 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy-Leather-Armor.png|50px|thumb|center]] || [[Thick Leather Armor]] || 200g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Chain-Mail.png|50px|thumb|center]] || [[Chainmail Frock]] || 300g || 150g || 15 - 21 || || || 10 - 30 || -0.1 - -0.05 |- | [[File:Light-Chestplate.png|50px|thumb|center]] || [[Light Chestplate]] || 300g || || 21 - 31 || || || 30 - 70 || -0.1 - -0.05 |- | [[File:Chestplate.png|50px|thumb|center]] || [[Metal Chestplate]] || 500g || || 21 - 31 || || 10 - 30 || 50 - 100 || -0.2 - -0.1 |- | [[File:Heavy-PlateArmor.png|50px|thumb|center]] || [[Heavy Plate Armor]] || 500g || 400g || 100 || || || || -0.1 |- | [[File:Padded-Tunic.png|50px|thumb|center]] || [[Padded Tunic]] || || || 7 - 11 || || || || 0.05 - 0.15 |- | [[File:Uni_Med_RogueShrt_A001_Icon.png|50px|thumb|center]] || [[Rogue Shirt]] || || || 6 - 11 || 0.1 - 0.25 || -5 || || 0.05 - 0.1 |- | [[File:Doublet.png|50px|thumb|center]] || [[Doublet]] || || || 7 - 11 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Gauntlets == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:Uni_Hvy_Gauntlets_A001_Icon.png|50px|thumb|center]] || [[Metal Bracers]] || 150g || || 13 - 18 || || 0 - 10 || 10 - 30 || -0.05 - 0 |- | [[File:Leather-Gloves.png|50px|thumb|center]] || [[Leather Gloves]] || || 100g || 9 - 13 || || || 0 - 5 || |- | [[File:Uni_Med_RogueBracers_A001_Icon.png|50px|thumb|center]] || [[Rogue Bracers]] || || || 4 - 9 || 0.1 - 0.25 || -5 || || 0.05 - 0.15 |- | [[File:Bronze-Cuff.png|50px|thumb|center]] || [[Bronze Cuff]] || || || 5 - 10 || 0.05 - 0.1 || 0 - 10 || 0 - 10 || 0 - 0.05 |} <br> == Leggings == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphSkrt A001 Icon.png|50px|thumb|center]] || [[Orphan Skirt]] || || || || || || || |- | [[File:Leather-Leggings.png|50px|thumb|center]] || [[Leather Leggings]] || || 100g || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || |- | [[File:Heavy_Leather_Leggings.jpg|50px|thumb|center]] || [[Thick Leather Leggings]] || 250g || || 12 - 16 || 0.2 - 0.4 || || 0 - 10 || -0.1 - -0.05 |- | [[File:Heavy_Skirt.jpg|50px|thumb|center]] || [[Heavy Skirt]] || 500g || || 10 || || || || |- | [[File:Plate-Pants.png|50px|thumb|center]] || [[Plate Armor Leggings]] || 600g || 300g || 20 - 30 || || 5 - 20 || 20 - 60 || -0.2 - -0.1 |- | [[File:Uni_Med_RoguePnts_A001_Icon.png|50px|thumb|center]] || [[Rogue Pants]] || || || 6 - 11 || 0.1 - 0.2 || -5 || || 0.05 - 0.15 |- | [[File:Padded-Leggings.png|50px|thumb|center]] || [[Padded Trousers]] || || || 6 - 10 || || || || 0.05 - 0.15 |- | [[File:Cloth-Pants.png|50px|thumb|center]] || [[Cloth Trousers]] || || || 6 - 10 || 0 - 0.1 || -5 - 0 || || 0.1 - 0.2 |} <br> == Boots == {| class="wikitable sortable" |+ Common armor stats. Click names for other rarities and information. |- ! Image !! Name !! Buy !! Sell !! Armor !! Health Regen !! Max Health !! Resistance !! Movement Speed |- | [[File:uni OrphBoots A001 Icon.png|50px|thumb|center]] || [[Orphan Boots]] || || || || || || || |- | [[File:Reinforced-Boots.png|50px|thumb|center]] || [[Reinforced Boots]] || 100g || || 9 - 13 || 0.05 - 0.1 || 0.05 - 0.1 || || 0 - 0.1 |- | [[File:Heavy_Leather_Boots.jpg|50px|thumb|center]] || [[Thick Leather Boots]] || 250g || || 10 - 14 || 0.1 - 0.3 || || 0 - 10 || -0.05 - 0 |- | [[File:Heavy-Boots.png|50px|thumb|center]] || [[Plate Boots]] || 600g || 300g || 19 - 29 || || || 20 - 60 || -0.1 - -0.05 |- | [[File:Uni_Med_RogueBoots_A001_Icon.png|50px|thumb|center]] || [[Rogue Boots]] || || || 4 - 9 || 0.05 - 0.2 || -5 || || 0.1 - 0.25 |- | || [[Old Shoes]] || || || 5 - 10 || 0 - 0.2 || -5 - 0 || -20 - -10 || 0 - 0.2 |} 37cc706d3ee1e7b70aeddf997c271d58cc8bcd25 0 374 1058 942 2025-04-07T16:15:57Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Metal Bracers |image=Uni_Hvy_Gauntlets_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=150g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Iron rings worn around the wrists. Coverage is not great, but they are far better than nothing. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 87c2b1346a14a2b6bd0b4d27f1220f34c3c9cb63 0 494 1059 943 2025-04-07T16:16:20Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Gloves |image=Leather-Gloves.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. c9326de4b1cf7b1c4b786ec8454b991f5e4cfa3d 0 523 1060 2025-04-07T16:17:06Z Siege 584755 Created page with "{{Gear Template |title=Rogue Bracers |image=Uni_Med_RogueBracers_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Healt..." wikitext text/x-wiki {{Gear Template |title=Rogue Bracers |image=Uni_Med_RogueBracers_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 75f95437f85d13533dcb1a8c49da35a0c7e788f1 0 524 1061 2025-04-07T16:17:46Z Siege 584755 Created page with "{{Gear Template |title=Bronze Cuff |image=Bronze-Cuff.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Re..." wikitext text/x-wiki {{Gear Template |title=Bronze Cuff |image=Bronze-Cuff.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. fa1316e020e3ecd32a75af83994155f6e6a77680 0 432 1062 866 2025-04-07T16:19:03Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Orphan Skirt |image=Uni OrphSkrt A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This is part of the starting [[Armor|Armor]] set. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. ee82950d4da0f1ed506b4917aa08befd0c0f9ec4 0 429 1063 944 2025-04-07T16:19:48Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Leather Leggings |image=Leather-Leggings.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=100g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Leggings made from leather. Decent protection and low weight. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. af86f257ce9396e22bfd9c100e5d5d02a0fb5212 0 375 1064 1028 2025-04-07T16:20:28Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Thick Leather Leggings |image=Heavy Leather Leggings.jpg |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Pants made from thick sections of leather. Not the most comfortable, but should provide decent protection in a fight. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 353a9d87a0eeeb6d275ef39167955f1dbfe8f33c 0 376 1065 945 2025-04-07T16:21:30Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Heavy Skirt |image=Uni_Hvy_SkrtPnts_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A plate-reinforced leather skirt. A good balance between maneuverability and protection. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. a7ca388fd67cf6ff8a94a306eea6abf6a1bcf03a 0 377 1066 1034 2025-04-07T16:22:22Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Plate Armor Leggings |image=Plate-Pants.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=0 |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=300g |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 23456c0c82ae41e1ba748184930f408ac2d103eb 1067 1066 2025-04-07T16:22:35Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Plate Armor Leggings |image=Plate-Pants.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=300g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=300g |Legendary_Sell=Unknown }} Steel plates that cover the legs. They weigh a ton, but will work well to block incoming damage. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. fdf319463bb1456dac99f538b1e269330e3081de 0 525 1068 2025-04-07T16:23:28Z Siege 584755 Created page with "{{Gear Template |title=Rogue Pants |image=Uni_Med_RoguePnts_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unk..." wikitext text/x-wiki {{Gear Template |title=Rogue Pants |image=Uni_Med_RoguePnts_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 54a9b44fb91540c68e8ecdb9401a500233b2b063 0 526 1069 2025-04-07T16:24:12Z Siege 584755 Created page with "{{Gear Template |title=Padded Trousers |image=Padded-Leggings.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |C..." wikitext text/x-wiki {{Gear Template |title=Padded Trousers |image=Padded-Leggings.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 463d0a2c2356e82a8bd3b16468b0a3d267894d03 0 527 1070 2025-04-07T16:24:50Z Siege 584755 Created page with "{{Gear Template |title=Cloth Trousers |image=Cloth-Pants.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common..." wikitext text/x-wiki {{Gear Template |title=Cloth Trousers |image=Cloth-Pants.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 074fb9625c611f1d41b283617a5d1ca0a4846ded 0 433 1072 867 2025-04-07T16:26:48Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Orphan Boots |image=Uni OrphBoots A001 Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This is part of the starting [[Armor|Armor]] set. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 549b11e2d1e65b1feea9f79deabe3fdbc9c214eb 0 378 1073 948 2025-04-07T16:27:45Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Reinforced Boots |image=Reinforced-Boots.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 6012d07f2370b6c5036edf150627ddbcda05001f 0 379 1074 1030 2025-04-07T16:28:35Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Thick Leather Boots |image=Heavy Leather Boots.jpg |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=250g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} Heavy leather-reinforced boots. A good balance of weight and protection. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. fd250c45c357526c9f13a68e8613f70f916715b8 0 380 1075 1032 2025-04-07T16:29:28Z Siege 584755 wikitext text/x-wiki {{Gear Template |title=Plate Boots |image=Heavy-Boots.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=600g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A set of plate boots, loud and heavy, but very protective. <br><br> [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. 597229f7b16677b94982d41499076770fc9bb154 0 528 1076 2025-04-07T16:30:20Z Siege 584755 Created page with "{{Gear Template |title=Rogue Boots |image=Uni_Med_RogueBoots_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Un..." wikitext text/x-wiki {{Gear Template |title=Rogue Boots |image=Uni_Med_RogueBoots_A001_Icon.png |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. d1081ecf6ab31f9608b969b0ba9ec4995eaa6367 0 529 1077 2025-04-07T16:30:47Z Siege 584755 Created page with "{{Gear Template |title=Old Shoes |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown..." wikitext text/x-wiki {{Gear Template |title=Old Shoes |image= |Motto1= |Common_Armor=Unknown |Uncommon_Armor=Unknown |Rare_Armor=Unknown |Epic_Armor=Unknown |Legendary_Armor=Unknown |Common_Health Regen=Unknown |Uncommon_Health Regen=Unknown |Rare_Health Regen=Unknown |Epic_Health Regen=Unknown |Legendary_Health Regen=Unknown |Common_Max Health=Unknown |Uncommon_Max Health=Unknown |Rare_Max Health=Unknown |Epic_Max Health=Unknown |Legendary_Max Health=Unknown |Common_Resistance=Unknown |Uncommon_Resistance=Unknown |Rare_Resistance=Unknown |Epic_Resistance=Unknown |Legendary_Resistance=Unknown |Common_Movement Speed=Unknown |Uncommon_Movement Speed=Unknown |Rare_Movement Speed=Unknown |Epic_Movement Speed=Unknown |Legendary_Movement Speed=Unknown |Common_Buy=Unknown |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} [[Armor|Armor]] can be purchased from [[Merchants|Merchants]] in the [[Social Space|social space]], or found during raids. <br><br> [[Armor]] found during raids will have randomized rarities and stats. e3ffe7117203bf131d8125a04ee9235939420044 0 501 1078 977 2025-04-07T16:35:53Z Siege 584755 wikitext text/x-wiki [[Skills]], [[Weapons|weapons]], and [[Armor|armor]] will carry you far — but they’re not enough. To survive [[The Fallen Bastion|the Fallen Bastion]], you’ll need consumables: [[Potions|potions]], tools, and resources that keep you alive when things go wrong. Some can be bought from trusted [[Merchants|merchants]]. The rest? Scattered throughout the depths, waiting to be found… or fought for. <br><br> Potions and food can be consumed by pulling them to your mouth. Ammunition is pulled from your inventory automatically. Others are used by throwing them on the ground or at an enemy. <br><br> {| class="wikitable" ! Image !! Name !! Buy !! Sell !! Description |- | [[File:Trap.jpg|100px|thumb|center]] || Bear Trap || || || |- | [[File:Apple.jpg|100px|thumb|center]] || Apple || || 25g || An edible apple. Doesn't look very appetizing, but should recover some health when eaten. |- | [[File:Bomb.jpg|100px|thumb|center]] || Bomb || || 50g || A handful of explosives encased in an iron shell. Any sufficiently strong impact will cause it to instantly detonate. |- | [[File:HealthPotions.jpg|100px|thumb|center]] || [[Potions|Potions]] || Varies || Varies || More information can be found [[Potions|here]]. |- | [[File:CrossbowBolts-Alpha.png|100px|thumb|center]] || Crossbow Bolt Bundle - Medium || 10g || || Pew Pew. |} 2e0e3f3a991deade21270ec6a4073a16af8cde2c 0 430 1079 971 2025-04-07T16:36:19Z Siege 584755 wikitext text/x-wiki In [[The Fallen Bastion|the Fallen Bastion]], survival hangs by a thread — and every edge counts. Potions offer a lifeline in the dark, turning the tide when it matters most. Some can be bought from [[Merchants|merchants]] in the [[Social Space|social space]], but the rarest brews lie hidden within [[The Fallen Bastion|the Fallen Bastion]] itself. Risk deeper descent to claim them… or go without. {| class="wikitable sortable" ! Image !! Name !! Buy !! Sell !! Description |- | [[File:TEMP heal potion.jpg|50px|thumb|center]] || Heal Potion - Small || 25g || 10g || A small potion of healing. Causes you to regain 30 health instantly. |- | || Damage Potion - Medium || || 25g || A medium potion of damage. Grants 1.5x damage for 30 seconds. |- | [[File:TEMP attack potion.jpg|50px|thumb|center]] || Damage Potion - Small || 50g || 15g || A small potion of damage. Grants 1.5x damage for 10 seconds. |} <br> To drink a potion, pull it to your mouth. 950d699b98594453d06dc780e7099184742c6bac 0 418 1080 846 2025-04-07T16:48:13Z MattN 585119 wikitext text/x-wiki Brave the depths of [[The Fallen Bastion|the Fallen Bastion]] in search of valuable treasure — but only if you can make it out alive.<br><br> Sell your spoils to vendors in the [[Social Space|social space]], upgrade your gear, and prepare for the next descent. But beware… fortune means nothing if you don’t survive to claim it. <br><br> [[File:Gems.jpg|thumb|center]] <br> {| class="wikitable sortable" ! Image !! Name !! Value || Description |- | [[File:Gem-red.png|150px|thumb|center]] || Ruby || 20g || A common gem. Has some value to the right trader. |- | [[File:Gem-green.png|150px|thumb|center]] || Emerald || 50g || An emerald is an uncommon find. It should be worth some gold. |- | [[File:Gem-blue.png|150px|thumb|center]] || Sapphire || 50g || A sapphire is a rare fine. It should be worth a hefty sum to the right individual. |- | [[File:Gem-white.png|150px|thumb|center]] || Diamond || 1000g || A rare diamond! This will be worth a fortune... |- | [[File:Goblet-bronze.png|150px|thumb|center]] || Bronze Goblet || 10g || A goblet made from bronze. It should be worth some gold to a trader. |- | [[File:Goblet-silver.png|150px|thumb|center]] || Silver Goblet || 50g || A silver goblet! This will be worth quite the sum to the right trader. |- | [[File:Goblet-gold.png|150px|thumb|center]] || Gold Goblet || 200g || A goblet made of pure gold! This will be worth a fortune! |} 9e8cf1afd896a92a243b2de176ff6b2a684f2004 8 357 1081 702 2025-04-07T16:54:39Z MattN 585119 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki *Content **Game Mechanics|Game Mechanics **Weapons|Weapons **Armor|Armor **Category:Enemies|Enemies * SEARCH * TOOLBOX * LANGUAGES * sidebar-customizing-wiki ** MediaWiki:Sidebar|sidebar-edit-sidebar ** MediaWiki:Common.css|sidebar-edit-common-css ** MediaWiki:Vector.css|sidebar-edit-vector-css ** MediaWiki:Common.js|sidebar-edit-common-js ** MediaWiki:Vector.js|sidebar-edit-vector-js ** Special:AllPages|sidebar-all-pages ** Special:SpecialPages|sidebar-special-pages * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 61ac78f91d693b1305cdbbb8e2873be6b77511ce 0 5 1082 884 2025-04-07T16:55:49Z MattN 585119 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-1"> * {{MP link|'''Find out more about Reave'''|image=Site-logo.png|size=92px|link=Reave}} * {{MP link|'''Discover something Random'''|link=Special:Random}} </div> <div class="mp-links columns-2"> * {{MP link|Xiphos - Short Sword|link=Short_Sword|image= Xiphos.jpg|size=92px}} * {{MP link|Skeleton Bruiser - Enemy Type|link=Skeleton Bruiser|image=SkeleBruiser.jpg|size=92px}} * {{MP link|Echoes - Collection|link=Echoes|image=P2 Echoes Collection.png|size=152px}} * {{MP link|The Social Space|link=Social Space|image=TEMP - Social Space.jpg|size=92px}} * {{MP link|Skull Metal Helmet - Armor|link=Skull_Metal_Helmet|image=SkullHelm.jpg|size=92px}} * {{MP link|Treasure & Loot|link=Treasure|image=Gems.jpg|size=92px}} * {{MP link|Echoes|link=Echoes|image=Echo.png|size=92px}} * {{MP link|Game Mechanics|link=Game Mechanics|image= Reave EchoSocket.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 473c537ec617d9195fdcb528fd19770060a73170 0 358 1084 854 2025-04-08T00:55:10Z Narmdo 91102 adding weapon category wikitext text/x-wiki {{Gear Template |title=Quillon |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=15 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=50 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100 |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A traditional Quillon - short and deadly, it promises to deal a lot of damage... if you can get close enough to your target. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. [[Category:Weapon]] fe27a25f1859da87c9270a3efd9838eff352272a 14 530 1085 2025-04-08T00:55:36Z Narmdo 91102 Created page with "See [[Weapons]] for more details." wikitext text/x-wiki See [[Weapons]] for more details. 1f697dea0750b2101378370df0836b13943032b3 0 311 1086 959 2025-04-08T00:56:17Z Narmdo 91102 add weapon category wikitext text/x-wiki {{Gear Template |title=Short Sword |image=xiphos.png |Motto1= |Damage=Unknown |Armor Penetration=Unknown |Block=Unknown |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Buy= |Sell= |Common_Damage=20 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.2 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=100g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=50g |Uncommon_Sell=100g |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A xiphos. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the social area, or found during raids. <br>Weapons found during raids will have randomized rarities and stats. [[File:Short Sword - Large.png|frameless|left]] [[Category:Weapon]] c2ad76c208c2878a2cdab519caf9d396453791c1 0 359 1087 955 2025-04-08T00:56:52Z Narmdo 91102 add weapon category wikitext text/x-wiki {{Gear Template |title=Long Sword |image=Sword-CommonAlpha.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=100 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=200g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=100g |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} The ultimate in weaponry technology. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. [[Category:Weapon]] 4db11b3cbe4d5ae00eb3d8f85784c930717c3b27 0 360 1088 954 2025-04-08T00:57:39Z Narmdo 91102 add weapon category wikitext text/x-wiki {{Gear Template |title=OBS - Heavy Sword |image=Sword-VeryRare.png |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=26 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=200 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=1000g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. [[Category:Weapon]] 6f624bd247c519d378080831c8d57d8169e9557a 0 361 1089 713 2025-04-08T00:58:17Z Narmdo 91102 add weapon category wikitext text/x-wiki {{Gear Template |title=Hand Crossbow |image= |Motto1= |Armor= |Health Regeneration= |Max Health= |Resistance= |Movement Speed= |Common_Damage=25 |Uncommon_Damage=Unknown |Rare_Damage=Unknown |Epic_Damage=Unknown |Legendary_Damage=Unknown |Common_Armor Penetration=0.1 |Uncommon_Armor Penetration=Unknown |Rare_Armor Penetration=Unknown |Epic_Armor Penetration=Unknown |Legendary_Armor Penetration=Unknown |Common_Block=0 |Uncommon_Block=Unknown |Rare_Block=Unknown |Epic_Block=Unknown |Legendary_Block=Unknown |Common_Buy=500g |Uncommon_Buy=Unknown |Rare_Buy=Unknown |Epic_Buy=Unknown |Legendary_Buy=Unknown |Common_Sell=Unknown |Uncommon_Sell=Unknown |Rare_Sell=Unknown |Epic_Sell=Unknown |Legendary_Sell=Unknown }} A one-handed wooden crossbow. Light and easy to use, it sports a faster than average reload time, though it does not do heavy damage. Requires crossbow bolts to fire. <br><br> This [[Weapons|weapon]] can be purchased from an NPC in the [[Social Space|social space]], or found during raids. <br>[[Weapons]] found during raids will have randomized rarities and stats. [[Category:Weapon]] 056b362788607027e18586553d01e650916b7d9b